HTML5 <script>异步属性async
2017-03-17 18:58
302 查看
指定async属性的目的是避免页面等待脚本下载和执行,异步加载页面其他内容。
async只对外部脚本文件有效。
标记了async的脚本不一定按照先后顺序执行。
如:
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<script type="text/javascript" async src="Node1.js"></script>
<script type="text/javascript" async src="Node2.js"></script>
</head>
<body>
<!-- content -->
</body>
</html>Node2.js可能会在Node2.js之前执行。
异步脚本可能会在DOMContentLoaded事件触发前,或触发后执行;但一定会在页面的load事件前执行。
另外要注意,若defer属性与async属性同时存在,则默认使用async。
async只对外部脚本文件有效。
标记了async的脚本不一定按照先后顺序执行。
如:
<!DOCTYPE html>
<html>
<head>
<title>Document</title>
<script type="text/javascript" async src="Node1.js"></script>
<script type="text/javascript" async src="Node2.js"></script>
</head>
<body>
<!-- content -->
</body>
</html>Node2.js可能会在Node2.js之前执行。
异步脚本可能会在DOMContentLoaded事件触发前,或触发后执行;但一定会在页面的load事件前执行。
另外要注意,若defer属性与async属性同时存在,则默认使用async。
相关文章推荐
- HTML5 <script>元素async,defer异步加载
- HTML 5 <script> async 属性简单设置代码异步执行
- 【HTML5 】<script>元素async,defer异步加载
- HTML5 <script>元素async,defer异步加载
- HTML5 <script>元素async,defer异步加载
- HTML5中<script>标签中的defer与async属性详解
- HTML5 <script>元素async,defer异步加载
- JavaScript 笔记 - <script>标签 async 属性 (异步脚本)
- HTML5 <script>元素async,defer异步加载
- HTML5 <script>元素async,defer异步加载
- HTML5 <script>元素async,defer异步加载
- HTML5 <script>元素async,defer异步加载
- HTML5 <script>元素async,defer异步加载
- HTML5 <script>元素async,defer异步加载
- HTML5 <script>标签中的async和defer
- HTML5 <script>元素async,defer异步加载
- html5 <script> async和defer
- HTML5 <script>元素async,defer异步加载
- js <script> async 属性 异步
- HTML5 <script>元素async,defer异步加载