使用script标签包含JavaScript文件的最佳方法是什么?


50

我通常使用如下脚本标签包含JavaScript文件。

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

我也看到一些人也使用language属性。

如今,我发现许多人都忽略了type属性。我开始感觉到,如果JavaScript是默认的脚本语言,那么即使我也应该忽略type属性。忽略type属性会好吗?会引起什么问题吗?

Answers:


48

以此为参考(《速度手册》):http : //www.bookofspeed.com/chapter3.html

本质上,最好的方法是将您所有的javascript组合到一个文件中,该文件称为all.min.js之类的文件也已最小化。

通常,在HTML5中,您将执行以下操作:

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

正如你所看到的,不要需要HTML5类型的属性,但是你在HTML和XHTML的其他版本做。规范阐明,如果内容不是“ text / javascript”,则需要在HTML5中指定type属性。

要记住的一些事情:

注意:

如果要指定其他类型text/javascript,则可以使用以下选项之一:

  • “申请/摘要”
  • “应用程序/ javascript”
  • “应用程序/ x电子书”
  • “应用程序/ x-javascript”
  • “文本/ ecmascript”“文本/ javascript”
  • “ text / javascript1.0”
  • “ text / javascript1.1”
  • “ text / javascript1.2”
  • “ text / javascript1.3”
  • “文本/javascript1.4”
  • “ text / javascript1.5”
  • “文本/ jscript”
  • “文本/实时脚本”
  • “文本/ x电子书”
  • “文本/ x-javascript”
  • “文本/ javascript; e4x = 1”

上面的列表来自:http : //dev.w3.org/html5/spec-author-view/the-script-element.html#scriptingLanguages

请记住,您不会使用language属性,而只会使用type属性。


2
语言属性又如何呢?指定它还是忽略它是好的?
饼干

1
HTML5不支持language属性,而是他们已将其与type属性合并。同样,如果不是“ text / javascript”,则可以使用type属性以及此页面中的以下一项来指定它:dev.w3.org/html5/spec-author-view/the-script-element .html
alvincrespo11年

我已经更新了答案,以反映我的评论。
alvincrespo 2011年

设置类似的东西text/javascript1.3有什么实际效果,与省略它有什么不同?
Arturo TorresSánchez15年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.