使用 HTML5 <script> 标记包含 JavaScript 的最少字符数

Minimum characters to include JavaScript using HTML5 <script> tag

本文关键字:JavaScript 字符 包含 HTML5 script 使用      更新时间:2023-09-26

既然在HTML5中可以省略<script>标签的type属性,那么在页面上包含外部JavaScript所需的字符数最少吗?

<script src="URL"></script>

任何人都可以比这更优化它 - 如果已经加载了像jQuery这样的框架,还有更短的方法吗?

您可以省略属性的引号:

<script src=URL></script>

同样,对于XHTML5,以下内容应该可以工作:

<script src="URL" />

如果你不关心JavaScript能够接触到并访问页面内容,那么

<img src="URL.svg">
URL 指向使用 SVG 脚本的 SVG 图像将

允许您加载脚本,并且您可以通过向 SVG 图像发送事件来调用其中定义的函数以触发事件处理程序。

您可以通过使用来自同一来源的 SVG 来绕过该限制,但我相信对 SVG 的同源访问的安全后果知之甚少,因此规范和浏览器编写者正在谨慎行事。

既然你问了jQuery,你可以使用$.getScript()

$.getScript("f.js");

当然,这假设您的代码已经被包装,或者通过 <script> 标签加载。老实说,尝试在这方面减少更多字节确实没有多大好处。无论如何,引用脚本并不需要大量的冗长。

保持代码的可读性,不要偏离标准和公认的约定太远。

[来自我的评论]

假设您已经使用例如优秀的 Google 闭包编译器处理了脚本聚合,并且您不想使用繁重的 js 加载库,一个简单的优化是这样的:

<script src=a></script>

(没有引号,没有".js",是的,这很愚蠢)

当然,您也可以在此部分之前和之后删除空格和CR。