Để làm cho các ngôn ngữ này hoạt động cùng nhau, bạn phải thêm tệp JavaScript vào tài liệu HTML của mình. Với mục đích làm như vậy, bạn có thể thêm tệp JavaScript bên ngoài vào tài liệu HTML của mình
Thêm tệp JavaScript
To add an external JavaScript file in your HTML document, assign the link of your file to the src attribute in the tag.
cú pháp
script > //thêm tệp JS bằng no
Hoặc,
script > //thêm tệp JS bằng tệp
Hoặc,
script > //thêm tệp JS bằng URL
Những điểm cần nhớ
- You can place these tags either in the section or in the section.
- Như đã chỉ ra trong cú pháp, phần mở rộng của các tệp JavaScript bên ngoài phải là. js
- Sẽ có lợi khi sử dụng các tệp JavaScript bên ngoài khi bạn phải sử dụng cùng một mã trong nhiều tài liệu HTML. Hơn nữa, điều này sẽ nâng cao khả năng đọc và bảo trì tài liệu của bạn
Dưới đây chúng tôi đã thảo luận các cách tiếp cận khác nhau để thêm tệp JavaScript của bạn vào HTML
Điều kiện 1. Thêm tệp JS bằng đường dẫn tệp
In order to add your external JavaScript file into your HTML document, you have to provide your file path in the src attribute of the tag.
tập lệnh >
Giả sử chúng ta có các tệp HTML và javascript trong thư mục của mình
Tệp HTML
< html >
< body>
Enter your name:< đầu vào loại=" . js" id="tutorial">
Submit
< /tập lệnh >
Trong ví dụ trên, chúng tôi đang tạo một trường nhập yêu cầu người dùng nhập tên của mình
Trong khi đó, chúng tôi đã xác định chức năng của mình trong tệp JavaScript bằng mã sau
hàm Tên hàm []{
alert["Your name has been submitted!"];
}
Khi người dùng nhấn nút gửi, một thông báo cảnh báo sẽ được hiển thị
Trong một trường hợp khác, khi tệp HTML của bạn được đặt trong một thư mục riêng và tệp JavaScript trong một thư mục khác như hình bên dưới
Use the following syntax, to add your file path to the src attribute in the tag.
tập lệnh >
Điều kiện 2. Thêm tệp JS bằng URL
When you want to add a JavaScript file that is stored online then you have to simply add the url of your online JavaScript file in the src attribute of your tag.
tập lệnh >
Ví dụ
< html >
< body>
Enter your name:< đầu vào loại=" . //cdn. jsdelivr. net/gh/naftab017/test-repo/index. js" id="tutorial">
Submit
< /tập lệnh >
Trong ví dụ trên, chúng tôi đã thêm url của tệp JavaScript bên ngoài được lưu trữ trực tuyến. Tệp JavaScript trực tuyến trông như thế này
Trong tệp trên, chúng tôi đã xác định chức năng của mình nhằm hiển thị thông báo cảnh báo khi người dùng nhấn nút gửi
đầu ra
Làm theo các bước này, bạn có thể dễ dàng thêm tệp JavaScript bên ngoài vào tài liệu HTML của mình
Phần kết luận
Để thêm tệp JavaScript trong HTML, hãy cung cấp đường dẫn tệp JavaScript của bạn tới thuộc tính src của thẻ hoặc nếu bạn đang sử dụng tệp JavaScript được lưu trữ trực tuyến thì bạn phải thêm URL của tệp đó. Trong bài đăng này, chúng tôi đã thảo luận chi tiết về các cách tiếp cận để thêm tệp JavaScript của bạn vào HTML bằng cách minh họa chúng thông qua các ví dụ