在HTML中使用JavaScript

使用<script>元素

6个属性

异步脚本async

只适用于外部脚本文件:

<script async src="example.js"></script>


标记为async的脚本并不保证按照指定的顺序执行

建议不要在加载期间修改DOM

延迟脚本defer

defer="defer"

只适用于外部脚本文件

延迟脚本会等页面都解析完了在执行

立即下载,延迟执行

不要在<script>代码中出现</script>字符串,可以通过转义字符解决

src属性

src="example.js"

charset、language、type

带有src属性的script元素间不能包含JavaScript代码(会被忽略)

通常放在</body>前,优先加载内容,延迟JavaScript加载

外部JavaScript文件优于嵌入代码

可维护性

可缓存

适应未来

<noscript>元素

在浏览器不支持JavaScript或JavaScript未启用的浏览器中,会显示<noscript>元素中的内容