一 、<script>元素中的一些重要属性
1. async:同步,表示立即下载脚本,但不影响加载页面其他部分,只对外部脚本文件有效(异步加载,不让页面等待文件下载和运行)
2. defer:表示脚本可以延迟到文档完全被解析和显示之后再执行,先下载,后执行
3.src:外部脚本地址
4.type:可选,一般采用text/javascript
实例:
<script async></script>
<script src="example.js" type="text/javascript"></script>
<script src="http:/www.somewhere.com/afterfile.js"></script> 和img元素一样,可以实现跨域读取
注:无论加载外部脚本还是script之间的代码时,文档的加载工作会暂停,集中解析script之间的代码,些许影响网页加载性能.
二、script标签的位置
为提高性能,统一放在<body>标签后,这样可以在页面加载完成后再来解析js文件,不影响性能。