Hướng dẫn how to include javascript file in html - cách đưa tệp javascript vào html

❮ Thẻ HTML

Thí dụ

Chỉ vào tệp JavaScript bên ngoài:

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Thuộc tính src chỉ định URL của tệp tập lệnh bên ngoài.

Nếu bạn muốn chạy cùng một JavaScript trên một số trang trong một trang web, bạn nên tạo một tệp JavaScript bên ngoài, thay vì viết cùng một tập lệnh. Lưu tệp tập lệnh với phần mở rộng .js, sau đó tham khảo nó bằng thuộc tính src trong thẻ .

Lưu ý: Tệp tập lệnh bên ngoài không thể chứa thẻ . The external script file cannot contain the tag.

Lưu ý: Chỉ vào tệp tập lệnh bên ngoài chính xác nơi bạn đã viết tập lệnh. Point to the external script file exactly where you would have written the script.

Hỗ trợ trình duyệt

Cú pháp

Giá trị thuộc tính

❮ Thẻ HTML

Kịch bản sẽ hoạt động như thể nó nằm chính xác vị trí của thẻ .

Các tập lệnh bên ngoài không thể chứa các thẻ .

Thí dụ

function myFunction [] {& nbsp; & nbsp; document.getEuityById ["demo"]. innerHtml = "Đoạn đã thay đổi."; }
document.getElementById["demo"].innerHTML = "My First JavaScript";

Hãy tự mình thử »

Ví dụ JavaScript cũ có thể sử dụng thuộc tính loại:. Thuộc tính loại là không bắt buộc. JavaScript là ngôn ngữ kịch bản mặc định trong HTML.
The type attribute is not required. JavaScript is the default scripting language in HTML.

Chức năng và sự kiện của JavaScript

JavaScript function là một khối mã JavaScript, có thể được thực thi khi "được gọi là" cho.

Ví dụ: một hàm có thể được gọi khi một sự kiện xảy ra, như khi người dùng nhấp vào nút.event occurs, like when the user clicks a button.

Bạn sẽ tìm hiểu nhiều hơn về các chức năng và sự kiện trong các chương sau.

JavaScript trong hoặc

Bạn có thể đặt bất kỳ số lượng tập lệnh nào trong tài liệu HTML.

Các tập lệnh có thể được đặt trong hoặc trong phần của trang HTML hoặc trong cả hai.

JavaScript trong

Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.

Hàm được gọi [được gọi] khi nhấp vào nút:

Thí dụ

function myFunction [] {& nbsp; & nbsp; document.getEuityById ["demo"]. innerHtml = "Đoạn đã thay đổi."; }



function myFunction[] {
  document.getElementById["demo"].innerHTML = "Paragraph changed.";
}

Demo javascript trong đầu

Một đoạn nó
Try it

Chức năng và sự kiện của JavaScript

Hãy tự mình thử »

JavaScript trong

Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.

Hàm được gọi [được gọi] khi nhấp vào nút:

Thí dụ

Chức năng và sự kiện của JavaScript

Hãy tự mình thử »

Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.

Demo javascript trong cơ thể

Một đoạn văn
function myFunction[] {
  document.getElementById["demo"].innerHTML = "Paragraph changed.";
}

Chức năng và sự kiện của JavaScript

Hãy tự mình thử »

Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.

Demo javascript trong cơ thể

Một đoạn văn

Thử nó

hàm myFunction [] {& nbsp; Document.getEuityById ["Demo"]. Internhtml = "Đoạn đã thay đổi."; }
  document.getElementById["demo"].innerHTML = "Paragraph changed.";
}

Đặt các tập lệnh ở dưới cùng của phần tử sẽ cải thiện tốc độ hiển thị, bởi vì diễn giải tập lệnh làm chậm màn hình.

JavaScript bên ngoài.js.

Các tập lệnh cũng có thể được đặt trong các tệp bên ngoài:

Tệp bên ngoài: myscript.js

hàm myFunction [] {& nbsp; Document.getEuityById ["Demo"]. Internhtml = "Đoạn đã thay đổi."; }

Các tập lệnh bên ngoài là thực tế khi cùng một mã được sử dụng trong nhiều trang web khác nhau.

Các tệp JavaScript có phần mở rộng tệp .js.

Để sử dụng tập lệnh bên ngoài, hãy đặt tên của tệp tập lệnh vào thuộc tính src [nguồn] của thẻ :

• Bạn có thể đặt một tham chiếu tập lệnh bên ngoài trong hoặc như bạn muốn.
• Kịch bản sẽ hoạt động như thể nó nằm chính xác vị trí của thẻ .
• Các tập lệnh bên ngoài không thể chứa các thẻ .

Ưu điểm JavaScript bên ngoài

Thí dụ

Chức năng và sự kiện của JavaScript

Hãy tự mình thử »

Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.

• Demo javascript trong cơ thể
• Một đoạn văn
• Thử nó

hàm myFunction [] {& nbsp; Document.getEuityById ["Demo"]. Internhtml = "Đoạn đã thay đổi."; }full URL to link to myScript.js:

Thí dụ

function myFunction [] {& nbsp; & nbsp; document.getEuityById ["demo"]. innerHtml = "Đoạn đã thay đổi."; }

Hãy tự mình thử »

Trong ví dụ này, JavaScript function được đặt trong phần của trang HTML.file path to link to myScript.js:

Demo javascript trong cơ thể

Một đoạn văn

Làm cách nào để thêm tệp JavaScript vào HTML?

Tôi đặt JavaScript ở đâu trong tệp HTML?

Làm cách nào để chạy tập lệnh JavaScript trong HTML?

Làm cách nào để bao gồm một tệp JavaScript khác?