JavaScript khiến trang HTML linh động và có tính tương tác cao hơn.
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h1>My First JavaScript</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Nhấp để hiển thị Ngày và Giờ.</button>
<p id="demo"></p>
</body>
</html>
.png)
Thẻ <script> trong HTML
Thẻ <script> được sử dụng để xác định một đoạn script chạy trên máy khách.
Phần tử <script> chứa các câu lệnh script hoặc nó trỏ đến tệp script bên ngoài thông qua thuộc tính src.
JavaScript thường được sử dụng để thao tác với hình ảnh, xác thực biểu mẫu, và thay đổi nội dung một cách linh hoạt.
Để chọn một phần tử HTML, JavaScript thường sử dụng phương thức document.getElementById()
Ví dụ
Đoạn script này dùng để ghi dòng chữ “Hello JavaScript!” vào phần tử HTML có id là “demo”.
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
.png)
Cùng thử một chút JavaScript
Đây là một số ví dụ những thứ JavaScript có thể làm:
JavaScript có thể thay đổi nội dung HTML
Ví dụ
document.getElementById("demo").innerHTML = "Hello JavaScript!";
JavaScript có thể thay đổi HTML style (CSS)
Ví dụ
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
JavaScript có thể thay đổi thuộc tính HTML
Ví dụ
document.getElementById("image").src = "picture.gif";
Thẻ <noscript>
Thẻ <noscript> được sử dụng để cung cấp nội dung thay thế cho người dùng tắt script trên trình duyệt của họ, hoặc trình duyệt không hỗ trợ JavaScript
Ví dụ
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Xin lỗi! Trình duyệt của bạn không hỗ trợ JavaScript!</noscript>
<p>Một trình duyệt không hỗ trợ JavaScript sẽ hiển thị nội dung bên trong thẻ noscript</p>
</body>
</html>
Bảng tham khảo
|
Thẻ |
Mô tả |
|
<script> |
Xác định một đoạn script chạy trên máy khách |
|
<noscript> |
Xác định nội dung thay thế cho người dùng không hỗ trợ JavaScript |
Trích nguồn từ: (https://www.w3schools.com/html/html_scripts.asp)
