搞清 <script>

<script> 是 HTML 规范中的一个标准元素。

script 属性

  • async
  • defer
  • src
  • type

charset language 不予讨论。

WARNING

  • 不要在带有 src 属性的脚本内加入代码,中间的代码会被忽略。
  • 外链脚本也可以不以 .js 后缀结尾,但是要确保返回正确的 mime 类型。
  • markdown、字符串 </script> 要增加 \转义。

<script> 加载

脚本执行有三种方式:

  1. 异步脚本 async
  2. 延迟脚本 defer
  3. 同步脚本

TIP

HTML 使用脚本的方式:

  • 内嵌
  • 外链
  • DOM 事件
  • URL 链接
<script type="text/javascript">
</script>
<script type="text/javascript" src="/lib/a.js"></script>
<div data-id onclick="this.dataset.id=1"></div>
<a href="javascript:new Date()"></a>