Các tập lệnh đầu bắt đầu tải rất sớm, trước khi DOM được xử lý chính; Bạn muốn các thư viện ở đây để họ có thời gian để đi. Các kịch bản cơ thể được tải trong khi DOM đang xây dựng. Không có gì đảm bảo DOM sẽ kết thúc trước khi các tập lệnh của bạn chạy, thậm chí được đặt tại ... bởi vì các trang tải không đồng bộ [để đáp ứng một điều phiền phức gọi là trải nghiệm người dùng]. Nhưng nó thậm chí còn tồi tệ hơn thế này: không phải mọi trình duyệt đều hoàn thành theo cùng một cách, và
không đáng tin cậy. Tôi thậm chí còn có một mẫu web trong hồ sơ của mình mà gặp phải vấn đề về thời gian giải quyết vì nó đã chạy quá sớm [nhưng làm việc ở nơi khác]. Đây là lý do tại sao jQuery có: $ [tài liệu] .reed [function [] {// những việc cần làm [như dữ liệu tải, chèn các phần tử, thêm sự kiện] khi DOM thực sự sẵn sàng và sẽ không gặp sự cố . }] ...và đoán xem? Điều đó có thể đi *bất cứ nơi nào *.Khi chúng ta phải sử dụng thẻ bên trong phần
và khi chúng ta phải sử dụng thẻ
bên trong phần
? Sự khác biệt giữa hai lần xuất hiện này là gì?
hỏi ngày 16 tháng 7 năm 2016 lúc 5:08Jul 16, 2016 at 5:08
3
Kịch bản trong
Các tập lệnh sẽ được thực thi khi chúng được gọi hoặc khi một sự kiện được kích hoạt, được đặt trong các chức năng.
Đặt các chức năng của bạn vào phần đầu, theo cách này tất cả chúng đều ở một nơi và chúng không can thiệp vào nội dung trang.
Kịch bản trong
Nếu bạn không được đặt bên trong một hàm hoặc nếu tập lệnh của bạn ghi nội dung trang, nó sẽ được đặt trong phần cơ thể. Đó là một ý tưởng tốt để đặt các tập lệnh ở dưới cùng của phần tử
. Điều này có thể cải thiện tải trang, bởi vì tổng hợp tập lệnh có thể làm chậm màn hình.
Ngôn ngữ ngắn và đơn giản:
Đặt tập lệnh thư viện như thư viện jQuery trong phần đầu.
Đặt tập lệnh bình thường vào đầu trừ khi nó trở thành vấn đề tải hiệu suất/tải trang.
Đặt tập lệnh ảnh hưởng đến kết xuất của trang ở cuối cơ thể
Đã trả lời ngày 16 tháng 7 năm 2016 lúc 5:11Jul 16, 2016 at 5:11
Shubham Khatrishubham KhatriShubham Khatri
258K53 Huy hiệu vàng388 Huy hiệu bạc385 Huy hiệu Đồng53 gold badges388 silver badges385 bronze badges
1
Các thẻ được tải và thực hiện bởi trình duyệt khi và khi nó gặp chúng. Hầu hết các trình duyệt hiện đại có một số luồng hiển thị trang HTML cùng một lúc, tuy nhiên, nếu tất cả các luồng đó bị chặn chờ tải tài sản JavaScript, trang này sẽ mất nhiều thời gian hơn để hiển thị.
Đó là lý do mọi người thường đặt thẻ của họ trong
ở cuối trang, để tất cả HTML của trang đã được hiển thị và người dùng có thể thấy một cái gì đó trong khi trang tải bất kỳ tài sản JavaScript nặng nào.
Đã trả lời ngày 16 tháng 7 năm 2016 lúc 5:13Jul 16, 2016 at 5:13
VidurvidurVidur
1.4322 Huy hiệu vàng19 Huy hiệu bạc37 Huy hiệu đồng2 gold badges19 silver badges37 bronze badges
Cải thiện bài viết
Lưu bài viết
JavaScript trong cơ thể hoặc đầu: Các tập lệnh có thể được đặt bên trong cơ thể hoặc phần đầu của trang HTML hoặc bên trong cả đầu và cơ thể. Scripts can be placed inside the body or the head section of an HTML page or inside both head and body.
JavaScript trong đầu: Chức năng JavaScript được đặt bên trong phần đầu của trang HTML và hàm được gọi khi nhấp vào nút. A JavaScript function is placed inside the head section of an HTML page and the function is invoked when a button is clicked.
Examples:
0
1
2
3
4
1
6
3
8
1
0
3
2
3
4
5
2
7
8
9
0
3
4
9
6
3
4
1
8
3
8
1
2
3
2
3
8
1
8
9
0
1
2
0
4
55
8
3
8
1
0
1
0
3
4
0
6.
4
9
8
3
9
2
3
Đầu ra: Trước khi nhấp vào nút sau khi nhấp vào nút
Before clicking the button
After clicking the button
JavaScript trong cơ thể: Chức năng JavaScript được đặt bên trong phần cơ thể của trang HTML và chức năng được gọi khi nhấp vào nút. Ví dụ: Ví dụ: A JavaScript function is placed inside the body section of an HTML page and the function is invoked when a button is clicked.
Example:
0
1
2
3
4
1
3
3
8
1
8
3
2
1
2
2
2
3
2
1
8
9
0
1____5555548
3
Các
2
1
0
3
20
3
22
5
20
7
2
9
0
3
8
9
8
3
4
9
3
3
9
2
3
Đầu ra: Trước khi nhấp vào nút sau khi nhấp vào nút
Before clicking the
button
After click on button
JavaScript bên ngoài: JavaScript cũng có thể được sử dụng làm tệp bên ngoài. Các tập tin JavaScript có phần mở rộng tệp .js. Để sử dụng tập lệnh bên ngoài, đặt tên của tệp tập lệnh trong thuộc tính SRC của thẻ tập lệnh. Các tập lệnh bên ngoài không thể chứa thẻ script.example: JavaScript can also be used as external files. JavaScript files have file extension .js . To use an external script put the name of the script file in the src attribute of a script tag. External scripts cannot contain
script tags.
Example:
0
1
2
3
4
1
3
3
4
1
8
3
8
1
2
56
2
3
8
1
8
9
0
1
65
8
3
8
1
0
1
0
3
4
0__
8
1
0
83
0
85
86
0
3
4
9
8
3
4
1
3
3
9
2
3
Đầu ra trước khi nhấp vào: Đầu ra sau khi nhấp vào:
Output after clicking:
Ưu điểm của JavaScript bên ngoài:
- Bộ nhớ cached JavaScript có thể tăng tốc độ tải trang
- Nó làm cho JavaScript và HTML dễ đọc và duy trì hơn
- Nó tách mã HTML và JavaScript
- Nó tập trung vào khả năng sử dụng mã đó là một mã JavaScript có thể chạy trong các tệp HTML khác nhau.