Cách tốt nhất để bao gồm tệp JavaScript bằng thẻ script là gì?


50

Tôi thường bao gồm các tệp JavaScript bằng cách sử dụng thẻ script như bên dưới.

<script type="text/javascript" src="somefile.js"></script>

Tôi đã thấy một số người sử dụng thuộc tính ngôn ngữ là tốt.

Bây giờ, tôi thấy nhiều người bỏ qua thuộc tính type. Tôi đã bắt đầu có cảm giác rằng nếu JavaScript là ngôn ngữ kịch bản mặc định thì thậm chí tôi nên bỏ qua thuộc tính type. Nó sẽ là tốt để bỏ qua các thuộc tính loại? Nó sẽ gây ra bất kỳ vấn đề?

Câu trả lời:


48

Hãy xem điều này như một tài liệu tham khảo (Sách về tốc độ): http://www.bookofspeed.com/ch CHƯƠNG3.html

Về cơ bản, cách tốt nhất là kết hợp tất cả javascript của bạn vào một tệp có tên là all.min.js cũng được thu nhỏ.

Thông thường trong HTML5, bạn sẽ làm một cái gì đó như:

<script src="js/all.min.js"></script>

Như bạn có thể thấy, bạn KHÔNG cần thuộc tính type trong HTML5, nhưng bạn làm trong các phiên bản HTML và XHTML khác . Thông số kỹ thuật làm rõ rằng nếu nội dung không phải là "văn bản / javascript" thì bạn cần chỉ định thuộc tính loại, trong HTML5.

Một số điều cần nhớ:

Ghi chú:

Nếu bạn định chỉ định một loại khác ngoài việc text/javascriptbạn sẽ sử dụng một trong các cách sau:

  • "ứng dụng / bản ghi"
  • "ứng dụng / javascript"
  • "ứng dụng / x-ecmascript"
  • "ứng dụng / x-javascript"
  • "văn bản / ecmascript" "văn bản / javascript"
  • "văn bản / javascript1.0"
  • "văn bản / javascript1.1"
  • "văn bản / javascript1.2"
  • "văn bản / javascript1.3"
  • "văn bản / javascript1.4"
  • "văn bản / javascript1.5"
  • "văn bản / jscript"
  • "văn bản / bản ghi"
  • "văn bản / x-ecmascript"
  • "văn bản / x-javascript"
  • "văn bản / javascript; e4x = 1"

Danh sách trên là từ: http://dev.w3.org/html5/spec-master-view/the-script-element.html#scriptingLacular

Hãy nhớ rằng bạn sẽ không sử dụng thuộc tính ngôn ngữ, chỉ thuộc tính loại.


2
Và những gì về thuộc tính ngôn ngữ. Là nó tốt để chỉ định nó hoặc bỏ qua nó?
Cracker

1
Thuộc tính ngôn ngữ không được hỗ trợ trong HTML5, thay vào đó họ đã hợp nhất nó với thuộc tính type. Một lần nữa, nếu đó là một cái gì đó không phải là "văn bản / javascript" thì bạn sẽ chỉ định nó bằng cách sử dụng thuộc tính type và một trong những điều sau đây từ trang này: dev.w3.org/html5/spec- mượt-view / the-script-element .html
alvincrespo

Tôi đã cập nhật câu trả lời để phản ánh nhận xét của tôi ở trên.
alvincrespo

Có thiết lập một cái gì đó như text/javascript1.3có bất kỳ hiệu ứng thực tế, khác với bỏ qua nó?
Arturo Torres Sánchez
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.