Bạn có cần văn bản / javascript được chỉ định trong thẻ <script> không?

Tôi đọc ở đâu đó rằng bạn không còn cần những thứ như type="text/javascript"và những điều kỳ lạ CDATAvà <!--những thứ trong thẻ script của bạn. Vì vậy, thay vì:

<script type="text/javascript">
//<![CDATA[
<!--

    //your script here

-->
//]]>
</script>

Bạn sẽ làm:

<script>
    //your script here
</script>

Tôi không thể nhớ nơi tôi đọc điều này mặc dù. Đó là từ một kỹ sư Google hoặc Yahoo tôi nghĩ, và họ đã đề cập cụ thể những trình duyệt nào yêu cầu các cấu trúc cổ xưa này và tại sao. Bất cứ ai cũng biết bài viết / bài viết trên blog này đã được nói đến, hoặc có một nguồn tài nguyên tốt nói về điều này?

Xem phần ghi chú của Crockford trên <script>thẻ , đáng chú ý nhất là:

Không sử dụng <!-- //-->hack với các tập lệnh. Nó được dự định để ngăn các tập lệnh hiển thị dưới dạng văn bản trên các trình duyệt thế hệ đầu tiên Netscape 1 và Mosaic. Nó đã không cần thiết trong nhiều năm. <!-- //-->được cho là để báo hiệu một bình luận HTML. Bình luận nên được bỏ qua, không được biên soạn và thực hiện. Ngoài ra, không bao gồm các nhận xét HTML --, do đó, tập lệnh phân rã có lỗi HTML.

...

type="text/javascript"

Thuộc tính này là tùy chọn. Kể từ Netscape 2, ngôn ngữ lập trình mặc định trong tất cả các trình duyệt là JavaScript. Trong XHTML, thuộc tính này là bắt buộc và không cần thiết. Trong HTML, tốt hơn là bỏ nó đi. Trình duyệt biết phải làm gì.

Đó là một khuyến nghị của Crockford . Tôi biết tôi đã thấy nó lặp lại ở nơi khác (ppk có lẽ?). Thông số HTML5 không yêu cầu nó.

Nhưng kỳ lạ, nó đã trở thành hơi au Courant để sử dụng "loại" thuộc tính để đánh dấu <script>khối mà bạn không muốn được đánh giá:

<script type='text/html-template'>
  <div> this is a template </div>
</script>

Bằng cách đưa ra một loại không phải JavaScript lạ, bạn có thể đưa văn bản thô vào trang để sử dụng bởi mã JavaScript khác (có lẽ được đánh giá trong khối tập lệnh có thể được đánh giá).

HTML5 không cần type="text/javascript"(đó là mặc định).

CDATA chỉ được xem cho các trang XHTML, nếu tập lệnh có bất kỳ ký tự HTML nào (như '<' và '>') trong đó.

<!-- chỉ nên cần thiết cho các trình duyệt OLD.

Chà, tôi rất muốn nói rằng không còn ai sử dụng text/javascriptnữa, và thậm chí các công cụ thu nhỏ có thể sẽ loại bỏ nó ... Thật vậy, tài liệu SDK của Facebook chỉ định <script>.

Tuy nhiên, tài liệu Google SDK vẫn có text/javascript.

Tài liệu Amazon SDK vẫn có text/javascript.

Tài liệu API Linkedin vẫn có text/javascript.

Instagram vẫn đang sử dụng text/javascript.

Các loại thuộc tính xác định ngôn ngữ kịch bản mã nhúng trong một yếu tố kịch bản hoặc tham chiếu thông qua thuộc tính src của phần tử. Điều này được chỉ định là một loại MIME; ví dụ về các loại MIME được hỗ trợ bao gồm văn bản / javascript, văn bản / ecmascript, application / javascript và application / ecmascript.

Theo đặc tả HTML 4.01

Các loại thuộc tính xác định ngôn ngữ kịch bản các nội dung của phần tử và đè ngôn ngữ kịch bản mặc định. Ngôn ngữ kịch bản được chỉ định là một loại nội dung (ví dụ: "văn bản / javascript"). Tác giả phải cung cấp một giá trị cho thuộc tính này. Không có giá trị mặc định cho thuộc tính này.

Nhưng trong HTML5 text/javascript là loại mặc định, vì vậy bạn có thể bỏ qua

Các loại thuộc tính cho ngôn ngữ của kịch bản hoặc định dạng của dữ liệu. Nếu thuộc tính có mặt, giá trị của nó phải là loại MIME hợp lệ. Tham số bộ ký tự không được chỉ định. Mặc định, được sử dụng nếu thuộc tính vắng mặt, là "văn bản / javascript".

bạn có thể nghĩ về bài viết này ở đây với sự phụ thuộc là các tập lệnh mặc định là văn bản / javascript trong HTML5, trong khi các trình duyệt không phải là HTML5 vẫn mong bạn xác định loại cụ thể cụ thể mặc dù chúng hầu như sẽ luôn đoán văn bản / javascript .

scriptTôi tin rằng trình duyệt sẽ giải thích chính xác khối dựa trên các tiêu đề, tôi tin chứ không phải typethuộc tính. Vì vậy, để trả lời câu hỏi của bạn, không cần thiết cho các trình duyệt hiện đại (tôi đang nói IE7 +, FF, Webkit). Nếu bạn đang hỗ trợ các trình duyệt cũ hơn thế ... Tôi cảm thấy tiếc cho bạn =)

Nếu bạn đặt thẻ script bên trong SVG, bạn phải chỉ định thuộc tính loại. Và nó nên được "text/ecmascript"chứ không phải là"text/javascript" .

Nếu tập lệnh của bạn là nội tuyến (không được liên kết), bạn cũng sẽ cần phải bọc phần thân tập lệnh trong một khai báo CDATA. Do đó, bản tóm tắt kịch bản lệnh nội tuyến cho SVG (và các biến thể XML khác)

<script type="text/ecmascript">
<![CDATA[
// your javascript code goes here
]]>
</script>

Đây có thể là những trường hợp đặc biệt 'trong tự nhiên', nhưng chúng là thực tế và việc sử dụng SVG đang phát triển, do đó, không ai khác cho rằng thuộc tính loại và CDATA hoàn toàn lỗi thời trong các trình duyệt hiện đại. Các trường hợp sử dụng là hẹp, có, nhưng không nghe thấy.

"Thay đổi môi trường để đối diện với nó và mọi phần của trí tuệ trở thành tồi tệ nhất của sự điên rồ." - Ashby

Đặc tả HTML5 yêu cầu các tác giả bỏ qua thuộc tính thay vì cung cấp loại MIME dự phòng. MDN

Các MIME Sniffing tiêu chuẩn cho phép Javascript được phân phối bằng bất kỳ loại MIME ( Multipurpose Internet Mail Extensions ) phù hợp với những điều sau đây:

<script type="application/javascript"></script>
<script type="application/ecmascript"></script>

<script type="text/javascript"></script>
<script type="text/ecmascript"></script>

Vâng, tôi tiếp tục thấy nhiều ví dụ hơn mà không có văn bản / javascript nhưng vì một số lý do, các tập lệnh của tôi sẽ không hoạt động trong FF khi tôi làm như vậy. Tôi khuyên bạn nên giữ khai báo văn bản / javascript. Thẻ CDATA ngăn javascript hiển thị dưới dạng văn bản thuần trong trang web của bạn nếu trình duyệt của bạn đã tắt javascript. Cá nhân tôi không sử dụng các thẻ đó nữa, đừng nghĩ rằng có sự phân bổ của người dùng ngoài đó và nếu họ ở ngoài đó họ có thể muốn phát triển một số bộ não: P

type="text/javascript" : Bắt buộc trong HTML 4 và XHTML, nhưng tùy chọn trong HTML5.

CDATA : Bắt buộc trong XHTML.

<!--: Được sử dụng để ẩn JavaScript khỏi các trình duyệt rất cũ. Ví dụ: Netscape 1 và Internet Explorer 2, không ai sử dụng nữa.