搞清 <script>
<script>
是 HTML 规范中的一个标准元素。
script 属性
- async
- defer
- src
- type
charset language 不予讨论。
WARNING
- 不要在带有 src 属性的脚本内加入代码,中间的代码会被忽略。
- 外链脚本也可以不以 .js 后缀结尾,但是要确保返回正确的 mime 类型。
- markdown、字符串 </script> 要增加
\
转义。
<script> 加载
脚本执行有三种方式:
- 异步脚本 async
- 延迟脚本 defer
- 同步脚本
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>