JavaScript HTML

JavaScript giúp trang HTML trở nên động và tương tác hơn

Ví dụ

Bài viết đầu tiên của tôi về JavaScript

Thử ngay

Thẻ <script> HTML

HTML <script> thẻ được sử dụng để định nghĩa script khách hàng (JavaScript).

<script> phần tử có thể chứa câu lệnh script hoặc thông qua src thuộc tính chỉ đến tệp script bên ngoài.

Mục đích phổ biến của JavaScript là xử lý hình ảnh, xác thực biểu mẫu và thay đổi nội dung động.

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

Ví dụ JavaScript này ghi vào phần tử HTML có id="demo" là "Hello JavaScript!":

Ví dụ

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Thử ngay

Lưu ý:Bạn có thể trong Giáo trình JavaScript để học thêm kiến thức JavaScript.

Đặc điểm của JavaScript

Dưới đây là một số ví dụ về khả năng của JavaScript:

Ví dụ

JavaScript có thể thay đổi nội dung:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

Thử ngay

Ví dụ

JavaScript có thể thay đổi phong cách:

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

Thử ngay

Ví dụ

JavaScript có thể thay đổi thuộc tính:

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

Thử ngay

Thẻ <noscript> HTML

HTML <noscript> Thẻ define nội dung thay thế, nội dung này sẽ hiển thị cho người dùng tắt script hoặc trình duyệt không hỗ trợ script:

Ví dụ

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

Thử ngay

Thẻ Script HTML

Thẻ Mô tả
<script> Định nghĩa script client.
<noscript> Định nghĩa nội dung thay thế cho người dùng không hỗ trợ script trên client.

Nếu bạn muốn xem danh sách đầy đủ các thẻ HTML có thể sử dụng, hãy truy cập Hướng dẫn tham khảo thẻ HTML.