本文探讨JavaScript的同步与异步执行，分析如何通过async、defer、window.onload、动态创建DOM和script放置位置等方式实现异步加载，以避免阻塞HTML解析并提高页面性能。
如有错误欢迎指正
JavaScript的装载和执行有两种特性：1.载入后马上执行 2.载入的时候会阻塞后面的js的载入和html文档的加载，可以理解为串行地加载。
因此，当要通过JS对DOM树进行操作的时候往往会发生查询不到某一个元素的情况。下面是一个例子：
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="JS.css">
<script src = "OperationOfForm.js" type="text/javascript"></script>
</head>
这一片代码是将script标签写进了head标签内，也就是说在执行到script标签、加载js代码的时候下面对body的读取会被阻塞，因此在用js代码操作DOM树的时候会发生无法获取对象的情况。这种使用加载js的方式被叫做同步加载。
因此我们需要一种方法来实现js代码的异步加载。
使用异步加载js的方式，就不会影响后续的html的渲染。
方法一：使用async和defer标签
<script async src = "OperationOfForm.js" type="text/javascript"></script>
<script defer src = "Op
最低0.47元/天 解锁文章
扫一扫
1534
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
