 |
| Học lập trình Java |
Tập lệnh trong phần <head> ... </ head>.
Tập lệnh trong phần <body> ... </ body>.
Tập lệnh trong phần <body> ... </ body> và <head> ... </ head>.
Script trong một tập tin bên ngoài và sau đó bao gồm trong phần <head> ... </ head>.
Trong phần sau, chúng ta sẽ thấy cách chúng ta có thể đặt JavaScript trong một tệp HTML theo nhiều cách khác nhau.
JavaScript trong phần <head> ... </ head>
Nếu bạn muốn chạy tập lệnh trên một số sự kiện, chẳng hạn như khi người dùng nhấp vào một nơi nào đó, thì bạn sẽ đặt tập lệnh đó vào phần đầu như sau:
<html> <head> <script type="text/javascript"> <!-- function sayHello() { alert("Hello World") } //--> </script> </head> <body> <input type="button" onclick="sayHello()" value="Say Hello" /> </body> </html>
Mã này sẽ tạo ra các kết quả sau
JavaScript trong phần <body> ... </ body>Nếu bạn cần một tập lệnh để chạy khi tải trang sao cho tập lệnh tạo nội dung trong trang, thì tập lệnh sẽ xuất hiện trong phần <body> của tài liệu.
Trong trường hợp này, bạn sẽ không có bất kỳ chức năng nào được xác định bằng JavaScript. Hãy xem mã sau đây.
<html> <head> </head> <body> <script type="text/javascript"> <!-- document.write("Hello World") //--> </script> <p>This is web page body </p> </body> </html>
Mã này sẽ tạo ra các kết quả sau
JavaScript trong phần <body> và <head>Bạn có thể đặt mã JavaScript của mình trong phần <head> và <body> hoàn toàn như sau:
<html> <head> <script type="text/javascript"> <!-- function sayHello() { alert("Hello World") } //--> </script> </head> <body> <script type="text/javascript"> <!-- document.write("Hello World") //--> </script> <input type="button" onclick="sayHello()" value="Say Hello" /> </body> </html>
Mã này sẽ tạo ra kết quả sau
JavaScript trong tệp bên ngoàiKhi bạn bắt đầu làm việc rộng rãi hơn với JavaScript, bạn có thể sẽ thấy rằng có những trường hợp bạn đang sử dụng lại mã JavaScript giống nhau trên nhiều trang của một trang web.
Bạn không bị giới hạn để duy trì mã giống hệt nhau trong nhiều tệp HTML. Các kịch bản Thẻ cung cấp một cơ chế để cho phép bạn lưu trữ JavaScript trong một tập tin bên ngoài và sau đó đưa nó vào các tập tin HTML của bạn.
Dưới đây là một ví dụ để cho thấy cách bạn có thể bao gồm một tệp JavaScript bên ngoài trong mã HTML của bạn bằng cách sử dụng thẻ tập lệnhvà thuộc tính src của nó .
<html> <head> <script type="text/javascript" src="filename.js" ></script> </head> <body> ....... </body> </html>Để sử dụng JavaScript từ nguồn tệp bên ngoài, bạn cần phải viết tất cả mã nguồn JavaScript của mình trong một tệp văn bản đơn giản có đuôi ".js" và sau đó bao gồm tệp đó như được hiển thị ở trên.
Ví dụ: bạn có thể giữ nội dung sau trong tệp filename.js và sau đó bạn có thể sử dụng hàm sayHello trong tệp HTML của mình sau khi bao gồm tệp filename.js.
function sayHello() { alert("Hello World") }
Không có nhận xét nào:
Đăng nhận xét