Cặp thẻ <script> </script>
Trong HTML, code Javascript được chèn vào giữa cặp thẻ tag <script> và </script>
<script>
document.getElementById(“example”).innerHTML = “Hello World”;
</script>
Function và Event trong Javascript
Một function Javascript là một khối code Javascript, chúng được thực thi khi được gọi làm một nhiệm vụ nào đấy.
Ví dụ, một function có thể được call khi một event xảy ra, giống như là khi bạn click vào một button nào đó trên màn hình trình duyệt web.
Javascript có thể được đặt trong cặp thẻ <head></head> hoặc <body></body>
Bạn có thể đặt bất kì đoạn script nào ở bất kỳ đâu trong cặp thẻ HTML.
Scripts can be placed in the <body>, or in the <head> section of an HTML page, or in both.
Script có thể cũng được đặt ở cặp thẻ <body></body>, <head></head> của một trang HTML hoặc ở cả hai đều được.
Javascript trong căp thẻ <head>
Trong ví dụ này, một đoạn code function javascript được đặt trong thẻ <head> của một trang HTML
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById(“demo”).innerHTML = “Paragraph changed.”;
}
</script>
</head>
<body></body>
</html>
Javascript được đặt trong cặp thẻ <body></body>
<!DOCTYPE html>
<html>
<body>
<p id=”example”>Hello Now</p>
<button type=”button” onclick=”newFunction()”>Click Now</button>
<script>
function newFunction() {
document.getElementById(“example”).innerHTML = “Hello World”;
}
</script>
</body>
</html>
JavaScript cũng được đặt ở các file bên ngoài.
File bên ngoài: javascript.js
function newFunction() {
document.getElementById(“example”).innerHTML = “Hello World”;
}
Để sử dụng các file js từ bên ngoài, đặt chúng trong thành phần src(source) của cặp thẻ <script></script>
<script src=”javascript.js”></script>
Lợi ích của đặt code javascript từ file bên ngoài
- Nó tách biệt HTML và code
- Dễ dàng đễ đọc và bảo trì.
- Cache file Javascript có thể tăng tốc độc load.