- 网页显示过程中的处理流程:
- 分析HTML
- 构造DOM树
- 载入外部JS文件及CSS文件
- 载入图像文件等外部资源
- JS在分析后开始运行
- 全部完成
- JS的表述方式及其执行流程:
- <script>标签
- 读取外部JS文件:
- defer属性:可以是该<script>标签的处理推延至其他所有的<script>标签之后
- async属性:异步方式读取外部文件,并在读取完成后依次执行
- onload
- DOMContentLoaded: 可以减少执行JS之前的不必要等待时间。
- 动态载入:
var script = document.createElement('script');
script.src = 'other-js.js';
document.getElementByTagName('head')[0].appendChild(script);