Sử dụng Javascript trong HTML - HTML JavaScript

Thẻ HTML <script>

Thẻ HTML <script> được sử dụng để xác định một tập lệnh (JavaScript) phía client.

Element <script> chứa các câu lệnh script hoặc nó trỏ đến một file javascript bên ngoài thông qua attribute src.

Các ứng dụng phổ biến sử dụng JavaScript là thao tác image, validate form và các thay đổi động của nội dung.

Để chọn một phần tử HTML, JavaScript thường sử dụng method document.getElementById().

Ví dụ JavaScript này viết "Xin chào JavaScript!" vào một HTML element với id = "demo".

Ví dụ

<script>  document.getElementById("demo").innerHTML = "Xin chào JavaScript!";  </script>

Ứng dụng của Javascript

Xem thử một số điều mà Javascipt có thể làm.

Thay đổi content

document.getElementById("demo").innerHTML = "Xin chào JavaScript!";

Thay đổi style

document.getElementById("demo").style.fontSize = "25px";  document.getElementById("demo").style.color = "red";  document.getElementById("demo").style.backgroundColor = "yellow";

Thay đổi attribute

document.getElementById("image").src = "picture.gif";

Thẻ HTML <noscript>

Thẻ HTML <noscript> xác định nội dung thay thế sẽ được hiển thị cho người dùng đã tắt Javascript trong trình duyệt của họ hoặc có trình duyệt không hỗ trợ Javascript.

Ví dụ

<script>  document.getElementById("demo").innerHTML = "Xin chào JavaScript!";  </script>  <noscript>Xin lỗi, trình duyệt của bạn không hỗ trợ JavaScript!</noscript>