Các tập lệnh có thể được đặt bên trong phần thân hoặc phần đầu của trang HTML hoặc bên trong cả phần đầu và phần thân. Chúng tôi cũng có thể đặt javascript bên ngoài tệp HTML có thể được liên kết bằng cách chỉ định nguồn của nó trong thẻ script
JavaScript trong đầu. Hàm JavaScript được đặt bên trong phần đầu của trang HTML và hàm này được gọi khi nhấp vào nút.
ví dụ.
html
html
1html
2
html
1html
4
html
1html
6
html
8_______9_______>
html
8_______5_______>
7_______2_______
0
html
8_______2_______7>
đầu ra.
JavaScript trong cơ thể. Hàm JavaScript được đặt bên trong phần nội dung của trang HTML và hàm được gọi khi nhấp vào nút. Thí dụ.
html
html
8_______5_______>
html
1html
2
html
16_______1_______4
html
1html
6
html
8_______9_______>
html
8_______0_______5>
html
8html
>
đầu ra.
JavaScript bên ngoài. JavaScript cũng có thể được sử dụng làm tệp bên ngoài. 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 trong thuộc tính src của thẻ tập lệnh. Tập lệnh bên ngoài không thể chứa thẻ tập lệnh.
Để 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 là,
script > //thêm tệp JS bằng tệp
Hoặc là,
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 >
< nội dung >
Nhập tên của bạn. < đầu vào loại=" id="tutorial">
< nút title="functionName[]">Submit
< script src="jsFile. js" >< /tập lệnh >
< /body >
< /html >
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 []{
cảnh báo ["Tên của bạn đã được gửi. "];
}
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 >
< nội dung >
Nhập tên của bạn. < đầu vào loại=" id="tutorial">
< nút title="funcName[]">Submit
< script src="https. //cdn. jsdelivr. net/gh/naftab017/test-repo/index. js" >< /tập lệnh >
< /body >
< /html >
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ụ