Khi bạn đã có phần mềm, bạn có thể bắt đầu viết mã JavaScript. Để thêm mã JavaScript vào tài liệu HTML, bạn cần tạo hoặc mở tệp HTML bằng trình soạn thảo văn bản / HTML. Một tệp HTML cơ bản có docType và một số thẻ HTML cơ bản như và. Ví dụ: một tài liệu HTML 5 cơ bản có thể trông giống như những gì được hiển thị bên dưới.
Kiểm tra JavaScript [Nội dung tại đây]
Khi bạn thấy mã JavaScript trên Web, đôi khi bạn sẽ thấy một số mã JavaScript giữa các thẻ. Hoặc, bạn có thể thấy nó trong các thẻ (hoặc thậm chí ở cả hai nơi). Để tách mã JavaScript khỏi mã HTML, bạn cần đặt nó trong một bộ thẻ. Thẻ mở có một thuộc tính bắt buộc và một thuộc tính tùy chọn. Thuộc tính bắt buộc là thuộc tính type, trong khi thuộc tính tùy chọn là src (cho phép bạn trỏ đến tệp script bên ngoài, được đề cập sau trong câu trả lời này). Giá trị của thuộc tính type được đặt thành text / javascript, như hiển thị bên dưới.
Mã JavaScript của bạn ở đây.
Như bạn có thể thấy, mã JavaScript của bạn được đặt giữa các thẻ script mở và đóng. Là một tập lệnh mẫu, bạn có thể viết một chuỗi văn bản đơn giản trực tiếp trên trang Web, như được hiển thị trong đoạn mã bên dưới (đặt đoạn này giữa các thẻ và thẻ):
document.write ("Văn bản được viết bằng mã JavaScript!");
Trong ví dụ trên, hàm JavaScript tiêu chuẩn để hiển thị văn bản giữa các dấu ngoặc kép trên trang. Nó sẽ trông giống như ví dụ dưới đây.
Một tùy chọn khác để bao gồm JavaScript trên một trang là tạo tập lệnh trong tệp văn bản bên ngoài và lưu nó với phần mở rộng .js (biến nó thành tệp JavaScript). Sau đó, tệp .js được đưa vào trang bằng thuộc tính src của thẻ script mở. Vì vậy, nếu bạn muốn sử dụng tập lệnh ở trên bằng cách đặt nó vào một tệp bên ngoài, bạn sẽ đặt mã JavaScript (không có thẻ tập lệnh) vào một tệp văn bản mới, như được hiển thị bên dưới:
document.write ("Văn bản được viết bằng mã JavaScript!");
Sau đó, bạn sẽ lưu tệp với phần mở rộng .js. Chẳng hạn, bạn có thể lưu nó dưới dạng write.js . Khi tệp đã được lưu, bạn có thể gọi nó từ mã HTML thông qua thuộc tính src của thẻ tập lệnh mở, như được hiển thị bên dưới cho write.js.
Quy trình trên có tác dụng tương tự như viết mã giữa các thẻ script, nhưng sẽ không làm lộn xộn mã HTML với mã JavaScript (đôi khi có thể trở nên khá dài). Một ưu điểm khác của phương pháp này là cùng một tập lệnh có thể được bao gồm trong nhiều trang và chỉnh sửa tệp tập lệnh sẽ cập nhật tập lệnh trong mỗi trang sử dụng tệp tập lệnh bên ngoài. Làm điều này giúp chỉnh sửa tập lệnh dễ dàng hơn nhiều vì nó có thể được thực hiện ở một nơi (thay vì chỉnh sửa mã trong các thẻ tập lệnh trên mỗi trang có chứa tập lệnh).
Bây giờ bạn đã biết cách thêm mã JavaScript vào trang Web, bạn có thể sử dụng bất kỳ số lượng tập lệnh ví dụ JavaScript nào hoặc làm theo hướng dẫn hoặc sách về JavaScript để tìm hiểu thêm về mã hóa JavaScript.