Hướng dẫn how do you call a javascript file in html? - làm thế nào để bạn gọi một tập tin javascript trong 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 ý: 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

Thuộc tính
SRCĐúngĐúngĐúngĐúngĐúng

Cú pháp

Giá trị thuộc tính

Giá trịSự mô tả
URLURL của tệp tập lệnh bên ngoài.

Những giá trị khả thi:

  • URL tuyệt đối - trỏ đến một trang web khác (như src = "http://www.example.com/example.js")
  • URL tương đối - trỏ đến một tệp trong trang web (như src = "/scripts/example.js")

❮ Thẻ HTML


Có nhiều cách để gọi hàm JavaScript trong tài liệu HTML và nó cũng không phải là một nhiệm vụ khó khăn. Đầu tiên, chúng tôi đã sử dụng một trong những cách dễ nhất để gọi chức năng JavaScript trong tài liệu HTML:

Trong phương thức này, chúng tôi sẽ tạo và xác định một hàm trong phần đầu của tài liệu HTML. Để gọi chức năng này trong tài liệu HTML, chúng tôi phải tạo một nút đơn giản và sử dụng thuộc tính sự kiện Onclick (là trình xử lý sự kiện) cùng với nó, chúng tôi có thể gọi chức năng bằng cách nhấp vào nút.onclick event attribute (which is an event handler) along with it, we can call the function by clicking on the button.

Để hiểu rõ hơn, hãy xem chương trình đã cho:

Chương trình

Giải thích chương trình

Trong chương trình được đưa ra trên, chúng tôi đã tạo ra một tài liệu HTML đơn giản. Bên trong phần đầu của tài liệu HTML, chúng tôi đã xác định một hàm (ví dụ: myfunction ();) bên trong các thẻ tập lệnh ....e.g myfunction();) inside the script tags .

Mặt khác, bên trong phần cơ thể, chúng tôi hiển thị một số văn bản và tạo một nút. Để gọi chức năng của chúng tôi, chúng tôi đã sử dụng thuộc tính onclick cùng với nút và khi người dùng nhấp vào nút đó, chức năng của chúng tôi sẽ thực thi và hiển thị thông báo cảnh báo, như bạn có thể thấy trong đầu ra.onclick attribute along with the button and when the user clicks on that button our function gets executes and display an alert message, as you can see in the output.

Đầu ra

Hướng dẫn how do you call a javascript file in html? - làm thế nào để bạn gọi một tập tin javascript trong html?

Gọi một chức năng bằng tệp JavaScript bên ngoài

Chúng tôi cũng có thể gọi các chức năng JavaScript bằng cách sử dụng tệp JavaScript bên ngoài được đính kèm vào tài liệu HTML của chúng tôi. Để làm điều này, trước tiên chúng ta phải tạo một tệp JavaScript và xác định chức năng của chúng tôi trong đó và lưu phần mở rộng ITWith (.js).

Khi tệp JavaScript được tạo, chúng ta cần tạo một tài liệu HTML đơn giản. Để bao gồm tệp JavaScript của chúng tôi trong tài liệu HTML, chúng tôi phải sử dụng thẻ tập lệnh và trong thuộc tính "SRC", chúng tôi phải cung cấp đường dẫn đến tệp JavaScript của chúng tôi nơi lưu trữ. Sau khi liên kết tệp JavaScript bên ngoài với tài liệu HTML, chúng ta có thể tạo một nút và gọi chức năng bằng thuộc tính "onclick" với nó."onclick" attribute with it.

Hãy hiểu nó với sự trợ giúp của một chương trình:

Chương trình

Giải thích chương trình

Trong chương trình được đưa ra trên, chúng tôi đã tạo ra một tài liệu HTML đơn giản. Bên trong phần đầu của tài liệu HTML, chúng tôi đã xác định một hàm (ví dụ: myfunction ();) bên trong các thẻ tập lệnh ....js extension.

Function.js

Mặt khác, bên trong phần cơ thể, chúng tôi hiển thị một số văn bản và tạo một nút. Để gọi chức năng của chúng tôi, chúng tôi đã sử dụng thuộc tính onclick cùng với nút và khi người dùng nhấp vào nút đó, chức năng của chúng tôi sẽ thực thi và hiển thị thông báo cảnh báo, như bạn có thể thấy trong đầu ra.

Bên trong phần cơ thể, chúng tôi hiển thị một số văn bản và tạo một nút. Để gọi chức năng của chúng tôi, chúng tôi đã sử dụng thuộc tính onclick cùng với nút và khi người dùng nhấp vào nút đó, chức năng của chúng tôi sẽ thực thi và hiển thị thông báo cảnh báo, như bạn có thể thấy trong đầu ra.onclick attribute along with the button and when the user clicks on that button our function gets executes and display an alert message, as you can see in the output.

Đầu ra

Hướng dẫn how do you call a javascript file in html? - làm thế nào để bạn gọi một tập tin javascript trong html?

Bây giờ bấm vào nút đã cho:

Hướng dẫn how do you call a javascript file in html? - làm thế nào để bạn gọi một tập tin javascript trong html?

Gọi JavaScript từ HTML như thế nào?

Để bao gồm tệp JavaScript của chúng tôi trong tài liệu HTML, chúng tôi phải sử dụng thẻ tập lệnh và trong thuộc tính "SRC", chúng tôi phải cung cấp đường dẫn đến tệp JavaScript của chúng tôi nơi lưu trữ.use the script tag