JavaScript 笔记 - <script>标签 async 属性（异步脚本）

最新推荐文章于 2024-01-15 15:32:33 发布

helloKK_

最新推荐文章于 2024-01-15 15:32:33 发布

阅读量601

点赞数

分类专栏： JavaScript 文章标签： javascript 脚本异步脚本 async

本文链接：https://blog.csdn.net/helloKK_/article/details/50969600

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

JavaScript 笔记 - < script>标签 async 属性（异步脚本）

HTML5 为< script>元素定义了 async 属性。这个属性与 defer 属性类似，都用于改变处理脚本的行为。同样与 defer 类似， async 只适用于外部脚本文件，并告诉浏览器立即下载文件。但与 defer不同的是，标记为 async 的脚本并不保证按照指定它们的先后顺序执行。例如：

<!DOCTYPE html>
<html>
<head>
<title>Example HTML Page</title>
<script type="text/javascript" async src="example1.js"></script>
<script type="text/javascript" async src="example2.js"></script>
</head>
<body>
<!-- 这里放内容 -->
</body>
</html>

在以上代码中，第二个脚本文件可能会在第一个脚本文件之前执行。因此，确保两者之间互不依赖非常重要。指定 async 属性的目的是不让页面等待两个脚本下载和执行，从而异步加载页面其他内容。为此，建议异步脚本不要在加载期间修改 DOM。异步脚本一定会在页面的 load 事件前执行，但可能会在 DOMContentLoaded 事件触发之前或之后执行。支持异步脚本的浏览器有 Firefox 3.6、 Safari 5 和 Chrome。

在 XHTML 文档中，要把 async 属性设置为 async=”async”。

helloKK_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 笔记 - <script>标签 async 属性（异步脚本）

JavaScript 笔记 - script标签 async 属性（异步脚本）HTML5 为< script>元素定义了 async 属性。这个属性与 defer 属性类似，都用于改变处理脚本的行为。同样与 defer 类似， async 只适用于外部脚本文件，并告诉浏览器立即下载文件。但与 defer不同的是，标记为 async 的脚本并不保证按照指定它们的先后顺序执行。例如：<!DOCTYPE
复制链接

扫一扫