Nhập tệp js vào html

Tạo tệp JavaScript bên ngoài với phần mở rộng. js. Sau khi tạo xong, thêm nó vào file HTML trong thẻ script. Thuộc tính src được sử dụng để bao gồm tệp JavaScript bên ngoài đó

Nếu bạn có nhiều tệp JavaScript bên ngoài, thì hãy thêm tệp đó vào cùng một trang web để tăng hiệu suất của trang

Hãy nói điều mới sau đây. js là tệp JavaScript bên ngoài của chúng tôi -

function display[] {
   alert["Hello World!"];
}

Bây giờ hãy thêm tệp JavaScript bên ngoài vào trang web HTML -

Cập nhật ngày 09-May-2020 10. 43. 45

Để 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 >

Thí 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

Sự 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ụ

Tôi có thể đặt mã JS trong tệp HTML không?

Làm cách nào để thêm tệp JS vào HTML từ thư mục?

chúng ta có thể chạy không. JS trong trình duyệt?

Bạn có thể đặt JavaScript ở bất cứ đâu trong HTML không?