Trong trình duyệt, JavaScript có thể được sử dụng để làm nhiều việc, nhưng thông thường nhiệm vụ chính của JavaScript là tạo nội dung tương tác hay nói cách khác là xây dựng động DOM. Xem xét điều đó, vị trí nào trong tệp HTML phù hợp nhất cho thẻ script?
Có một sự linh hoạt được đưa ra để bao gồm mã JavaScript ở bất cứ đâu trong tài liệu HTML. Có thể nhúng mã Javascript vào
- Tiêu đề của trang ở giữa các thẻ 'head'
- Nội dung của trang ở giữa các thẻ 'body'
- Trong một tập tin bên ngoài với. tiện ích mở rộng js
Đặt Javascript giữa các thẻ 'đầu'
Mọi thứ trong phần đầu html phải được hoàn thành trước khi phần thân được tải, do đó, nói chung là một ý tưởng tồi khi đưa javascript vào đó. Nếu bạn cần một cái gì đó trong khi nội dung đang tải hoặc muốn giải quyết một số ajax, thì bạn nên đặt nó vào đầu
Đặt Javascript giữa các thẻ 'body'
JavaScript programs can be inserted inside the html body with the help of the < script > < /script > tag.
JavaScript từ Tệp tập lệnh bên ngoài
JavaScript code can either be embedded in your HTML files [above examples] or placed in an external script file with a .js extension. An external JavaScript file must be saved by .js extension . It is recommended to embed all JavaScript files into a single file. It increases the speed of the webpage. When you place your JavaScript in an external file, put the name of the script file [.js] in the source [src] attribute of the < script > element.
thí dụ
Nội dung của scriptfile. js
Nội dung của tệp html
Ưu điểm lớn nhất của các tệp Javascript bên ngoài là sử dụng lại mã. Nếu Javascript của bạn được nhiều trang sử dụng, bạn không cần lặp lại tập lệnh trong mỗi trang sử dụng nó. Hơn nữa, nếu bạn muốn cập nhật tập lệnh của mình, bạn chỉ cần thay đổi tập lệnh ở một nơi
Các đề xuất hiện tại là đặt javascript ở dưới cùng không phải vì nó "có vẻ như tải nhanh hơn", mà bởi vì bằng cách đặt chúng ở đó, việc phân tích cú pháp và thực thi javascript không ngăn trình duyệt thực hiện những việc khác [chẳng hạn như tải phần còn lại của trang
JavaScript trong phần thân hoặc phần đầu. 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
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ụ
|1