Tôi nên đặt thẻ ở đâu trong đánh dấu HTML?

Không có hạn chế về số lượng thẻ “script” trong HTML. Vì vậy, có thể có nhiều thẻ “script” trong một tài liệu HTML.

Cách các thẻ

---

Thêm xé toạc > Gắn thẻ trong phần tử đầu

Các thẻ tập lệnh có chức năng JavaScript có thể được thêm vào phần tử đầu. Hãy thực hiện ý tưởng này một cách thực tế bằng cách lấy một ví dụ đơn giản về hàm JavaScript được thêm vào phần tử đầu của tài liệu HTML.

Ví dụ

Chỉ cần thêm phần tử tập lệnh bên trong phần tử đầu hoặc di chuyển phần tử tập lệnh trong tài liệu HTML hiện có sang thẻ đầu:

---

---

< cái đầu >
< kịch bản >
hàm myFunction() {
document.getElementById('demoId').innerHTML = 'Sau!!!';
}
< / kịch bản >
< / cái đầu >

< thân hình >

< h2 > Thêm thẻ tập lệnh vào đầu < / h2 >
< P nhận dạng = 'bản demo' > Trước... < / P >
< cái nút kiểu = 'cái nút' trong một cái nhấp chuột = 'chức năng của tôi ()' > Thay đổi nó < / cái nút >
< / thân hình >

Trong đoạn mã trên:

• Đây là một '

  ” tiêu đề bên trong “ thân hình ” và sau đó, có một “ đoạn văn ” phần tử chứa một văn bản đơn giản.

• Sau đó, một nút được tạo và một chức năng “ myFunction() ” đã được định nghĩa trong “ trong một cái nhấp chuột ” thuộc tính được thêm làm trình xử lý sự kiện.
• Các ' kịch bản ” phần tử được thêm vào bên trong “ cái đầu ” và bên trong đó, hàm được gọi và “ getElementById ” phương pháp đã được định nghĩa đề cập đến “ demoId “.

Điều này sẽ thực thi chính xác chức năng JavaScript trong đầu ra:

Thêm hầm mộ > Gắn thẻ trong phần tử cơ thể

Các thẻ tập lệnh cũng có thể được thêm vào bên trong “ ” yếu tố bất cứ nơi nào trước khi kết thúc “ thân hình ” thẻ.

Ví dụ

Các kết quả tương tự sẽ được tạo ra nếu “ kịch bản ” các thẻ được thêm vào trong thân hình yếu tố:

< / thân hình >
< h2 >Thêm thẻ tập lệnh trong phần thân< / h2 >
< P nhận dạng = 'bản demo' >Trước...< / P >
< cái nút kiểu = 'cái nút' trong một cái nhấp chuột = 'chức năng của tôi ()' >Thay đổi nó< / cái nút >
< kịch bản >
hàm myFunction ( ) {
tài liệu.getElementById ( 'bản demo' ) .innerHTML = 'Sau đó!!!' ;
}
< / kịch bản >
< / thân hình >

Trong đoạn mã trên:

• Chức năng JavaScript tương tự trong cùng mã như được giải thích trong phần trước của bài đăng này đã được thêm vào phần tử nội dung.

Thêm “ kịch bản ” các thẻ bên trong “ thân hình ” phần tử cũng sẽ tạo ra kết quả tương tự và sẽ làm cho hàm JavaScript chạy chính xác:

Điều này cho thấy nơi nên “ ” thẻ được đặt trong tài liệu HTML. Tuy nhiên, bạn có thể tự hỏi liệu có tồn tại một số khác biệt giữa hai phương pháp hay không.

Sự khác biệt trong việc đặt