Các lệnh JavaScritp vào trong một tài liệu HTML theo những cách sau đây:
Nhúng các câu lệnh trực tiếp vào trong tài liệu bằng cách sử dụng thẻ <script>
Liên kết file nguồn JavaScript với tài liệu HTML
Đặt các biểu thức JavaScript làm giá trị cho thuộc tính xử lý sự kiện của thẻ HTML.
4.1.Sử dụng thẻ <script>
Mã JavaScript được nhúng vào trong tài liệu HTML bằng thẻ <script>, có thể nhúng nhiều script vào trong cùng một tài liệu. Khi trình duyệt gặp phải một thẻ <script> nào đó, nó sẽ đọc và thực thi từng dòng lệnh một cho đến khi gặp thẻ đóng </script>. Nếu gặp phải lỗi, trình duyệt sẽ chấm dứt hoạt động đọc và thực thi lệnh JavaScript.
Cú pháp
<script>
// Các lệnh JavaScript </script>
Chú ý:
Mỗi một lệnh trong JavaScript được kết thúc bằng dấu ;
Có thể viết nhiều lệnh trên cùng 1 hàng.
Trong JavaScript, có thể dùng chú thích bằng 1 trong 2 cách sau
o Chú thích 1 dòng: sử dụng ký hiệu // đầu dòng chú thích
o Chú thích nhiều dòng (khối lệnh): đặt ký hiệu /* ở đầu khối và ký hiệu */
Ví dụ:
Kết quả
Có thể thêm thuộc tính language trong thẻ script chỉ ra phiên bản của JavaScript hoặc ngôn ngữ phía client khác (ví dụ VBScript) mà trình duyệt sẽ dùng tác động lên trang web.
hoặc dùng thuộc tính type
Các thẻ <script> có thể đặt ở trong thẻ <head> hoặc bất cứ đâu trong thẻ <body> tùy theo mục đích của người lập trình.
4.2.Dùng file chứa mã JavaScript
Các câu lệnh JavaScript có thể được viết trong một file riêng. Để có thể thực thi các công việc được mô tả trong file chứa mã JavaScript tác động đến trang web thì file được khai báo thông qua thuộc tính src (source) của thẻ <script>
Cú pháp:
<script type="text/javascript" src="URL của file JavaScript"></script>
File chứa mã JavaScript có phần mở rộng là .js vàURL của file có thể là tương đối hoặc tuyệt đối
Ví dụ: Viết lại ví dụ ở phần 4.1, nếu đưa mã JavaScript vào file thì thực hiện như sau Tạo một file có phần mở rộng là .js trong cùng thư mục với tài liệu HTML. Trong trường hợp này là vidu.js chứa mã JavaScript sau
document.write("Hello World");
Trong tài liệu HTML, tại dòng mã muốn thực thi lệnh trong file vidu.js thì khai báo thẻ <script>
Nếu file vidu.js được upload lên Internet có URL là http://abc.com/vidu.js thì khai báo thẻ <script>
Tương tự như External Style, khi các mã JavaScript được đưa vào file riêng sẽ được dùng chung cho các trang web nếu các trang đó có khai báo sử dụng. Điều này sẽ làm giảm dung lượng trang web, quản lý hoạt động của các trang web tốt hơn.
4.3.Dùng biểu thức JavaScript làm giá trị thuộc tính xử lý sự kiện
Một thẻ HTML có thể chịu sự tác động của một sự kiện nào đó xảy ra khi một thời điểm được xác định hoặc khi người dùng tương tác với trang web. Một trình xử lý sự kiện là đoạn mã sẽ được thực thi nhằm đáp trả một sự kiện.
Cú pháp:
<tag event ="Trình xử lý sự kiện">
Ví dụ: Khi người dùng thực hiện sự kiện click vào button trên trang web thì một thông báo xuất hiện
Kết quả:
Trong ví dụ trên thì câu lệnh JavaScript alert('Hello World') là giá trị của thuộc tính xử lý sự kiện onclick
4.4. Thẻ <noscript>
Thẻ <noscript> dùng để định rõ nội dung thông báo cho người sử dụng biết trình duyệt không hỗ trợ JavaScript hoặc chức năng hỗ trợ JavaScript bị tắt đi. Khi đó các lệnh JavaScript trong thẻ <script> sẽ không được thực hiện và nội dung trong thẻ <noscript> sẽ được hiển thị. Ngược lại nếu trình duyệt có hỗ trợ JavaScript thì các lệnh trong thẻ <script> sẽ được thực hiện và nội dung trong thẻ <noscript> bị bỏ qua.