❮ 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
SRC | Đúng | Đúng | Đúng | Đúng | Đúng |
Cú pháp
Giá trị thuộc tính
URL | URL của tệp tập lệnh bên ngoài. Những giá trị khả thi:
|
❮ Thẻ HTML
Mà không có bất kỳ con đường nào
Ví dụ này sử dụng URL đầy đủ để liên kết với myscript.js:
Thí dụ
Đặ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.
document.getElementById["demo"].innerHTML = "My First JavaScript";
Tài liệu tham khảo bên ngoài
Một tập lệnh bên ngoài có thể được tham chiếu theo 3 cách khác nhau:
The type attribute
is not required. JavaScript is the default scripting language in HTML.
Với một URL đầy đủ [một địa chỉ web đầy đủ]
Với đường dẫn tệp [như /js /]
Mà không có bất kỳ con đường nàoevent occurs, like when the user clicks a button.
Ví dụ này sử dụng URL đầy đủ để liên kết với myscript.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ẻ
:
Hãy tự mình thử »
Ví dụ này sử dụng đường dẫn tệp để liên kết đến myscript.js:
Ví dụ này không sử dụng đường dẫn nào để liên kết đến myscript.js:
Bạn có thể đọc thêm về các đường dẫn tệp trong các đường dẫn tệp HTML.
Tag
Thí dụ
function myFunction [] {& nbsp; & nbsp; document.getEuityById ["demo"]. innerHtml = "Đoạn đã thay đổi."; }
function myFunction[] {
document.getElementById["demo"].innerHTML
= "Paragraph changed.";
}
Tài liệu tham khảo bên ngoài
Một tập lệnh bên ngoài có thể được tham chiếu theo 3 cách khác nhau:
Try it
Tài liệu tham khảo bên ngoài
Ví dụ này không sử dụng đường dẫn nào để liên kết đến myscript.js:
Bạn có thể đọc thêm về các đường dẫn tệp trong các đường dẫn tệp HTML.
Tag
Thí dụ
Tài liệu tham khảo bên ngoài
Một tập lệnh bên ngoài có thể được tham chiếu theo 3 cách khác nhau:
Với một URL đầy đủ [một địa chỉ web đầy đủ]
Với đường dẫn tệp [như /js /]
function myFunction[] {
document.getElementById["demo"].innerHTML = "Paragraph changed.";
}
Tài liệu tham khảo bên ngoài
Một tập lệnh bên ngoài có thể được tham chiếu theo 3 cách khác nhau:
Với một URL đầy đủ [một địa chỉ web đầy đủ]
Với đường dẫn tệp [như /js /]
Mà không có bất kỳ con đường nào
Ví dụ này sử dụng URL đầy đủ để liên kết với myscript.js:
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.
Hãy tự mình thử ».js.
Ví dụ này sử dụng đường dẫn tệp để liên kết đến myscript.js:
Ví dụ này không sử dụng đường dẫn nào để liên kết đến myscript.js:
Bạn có thể đọc thêm về các đường dẫn tệp trong các đường dẫn tệp HTML.
Tag
Trong HTML, mã JavaScript được chèn giữa các thẻ
và
.
document.getEuityById ["demo"]. innerHtml = "JavaScript đầu tiên của tôi";
- Nó tách HTML và mã
- Nó làm cho HTML và JavaScript dễ đọc và duy trì hơn
- Bộ nhớ cached JavaScript có thể tăng tốc độ tải trang
Để thêm một số tệp script vào một trang & nbsp; - Sử dụng một số thẻ tập lệnh:
Thí dụ
Tài liệu tham khảo bên ngoài
Một tập lệnh bên ngoài có thể được tham chiếu theo 3 cách khác nhau:
- Với một URL đầy đủ [một địa chỉ web đầy đủ]
- Với đường dẫn tệp [như /js /]
- Mà không có bất kỳ con đường nào
Ví dụ này sử dụng URL đầy đủ để liên kết với myscript.js:full URL to link to myScript.js:
Thí dụ
Đặ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.
Tài liệu tham khảo bên ngoài
Một tập lệnh bên ngoài có thể được tham chiếu theo 3 cách khác nhau:file path to link to myScript.js:
Với một URL đầy đủ [một địa chỉ web đầy đủ]
Với đường dẫn tệp [như /js /]