- Tham gia
- 28/02/2015
- Bài viết
- 16,829
- Được Like
- 12,687
JavaScript Where To - Nơi đặt JavaScript
JavaScript có thể được đặt trong tag <body> và <head> của một trang HTML.
Tag <script>
Trong HTML, code JavaScript phải được chèn vào giữa thẻ <script> và </script>.
Ví dụ:
Chức năng JavaScript và Sự kiện
Chức năng JavaScript là một block code JavaScript, có thể được thực hiện khi "asked" cho.
Ví dụ, một hàm có thể được thực hiện khi một sự kiện xảy ra, giống như khi người dùng nhấp chuột vào một nút.
Bạn sẽ học được nhiều hơn về chức năng và các sự kiện trong các bài viết sau.
JavaScript trong <head> hoặc <body>
Bạn có thể đặt bất kỳ số lượng các script trong một tài liệu HTML.
Script có thể được đặt trong thẻ <body>, hoặc trong <head> của trang HTML, hoặc cả hai.
JavaScript trong <head>
Trong ví dụ này, một hàm JavaScript được đặt trong tag <head> của trang HTML.
Các chức năng được gọi khi một nút được click:
Bạn có thể thử ở đây>>
JavaScript trong <body>
Trong ví dụ này, hàm JavaScript được đặt trong tag <body> của một trang HTML.
Các chức năng được gọi khi một nút được click:
Bạn có thể thử ở đây>>
External JavaScript
Các script cũng có thể được đặt trong các tập tin bên ngoài.
Script bên ngoài là thực tế khi các code tương tự được sử dụng trong nhiều trang web khác nhau.
Tập tin JavaScript có phần mở rộng tập tin là .js.
Để sử dụng một script bên ngoài, đặt tên của tập tin script trong thuộc tính src (source) của tag <script>:
Bạn có thể đặt một tài liệu tham khảo script bên ngoài trong tag <head> hoặc <body> như bạn muốn.
Các script sẽ làm việc như thể nó đã được đặt chính xác nơi các tag <script> được đặt ở đó.
Ưu điểm External JavaScript
Đặt JavaScript trong các tập tin bên ngoài có một số ưu điểm:
JavaScript có thể được đặt trong tag <body> và <head> của một trang HTML.
Tag <script>
Trong HTML, code JavaScript phải được chèn vào giữa thẻ <script> và </script>.
Ví dụ:
Mã:
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>Chức năng JavaScript và Sự kiện
Chức năng JavaScript là một block code JavaScript, có thể được thực hiện khi "asked" cho.
Ví dụ, một hàm có thể được thực hiện khi một sự kiện xảy ra, giống như khi người dùng nhấp chuột vào một nút.
Bạn sẽ học được nhiều hơn về chức năng và các sự kiện trong các bài viết sau.
JavaScript trong <head> hoặc <body>
Bạn có thể đặt bất kỳ số lượng các script trong một tài liệu HTML.
Script có thể được đặt trong thẻ <body>, hoặc trong <head> của trang HTML, hoặc cả hai.
JavaScript trong <head>
Trong ví dụ này, một hàm JavaScript được đặt trong tag <head> của trang HTML.
Các chức năng được gọi khi một nút được click:
Mã:
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>JavaScript trong <body>
Trong ví dụ này, hàm JavaScript được đặt trong tag <body> của một trang HTML.
Các chức năng được gọi khi một nút được click:
Mã:
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</body>
</html>External JavaScript
Các script cũng có thể được đặt trong các tập tin bên ngoài.
Script bên ngoài là thực tế khi các code tương tự được sử dụng trong nhiều trang web khác nhau.
Tập tin JavaScript có phần mở rộng tập tin là .js.
Để sử dụng một script bên ngoài, đặt tên của tập tin script trong thuộc tính src (source) của tag <script>:
Mã:
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>Bạn có thể đặt một tài liệu tham khảo script bên ngoài trong tag <head> hoặc <body> như bạn muốn.
Các script sẽ làm việc như thể nó đã được đặt chính xác nơi các tag <script> được đặt ở đó.
Mã:
Scripts bên ngoài không thể chứa thẻ <script>.Ưu điểm External JavaScript
Đặt JavaScript trong các tập tin bên ngoài có một số ưu điểm:
- Nó tách HTML và code
- Nó làm cho HTML và JavaScript dễ dàng hơn để đọc và duy trì
- Các tập tin JavaScript lưu trữ có thể tăng tốc độ tải trang
Nguồn: w3schools.com
Bài viết liên quan
Bài viết mới
