JavaScript 延迟脚本和异步脚本

延迟脚本

　　HTML4.01为<script>标签定义了defer属性。这个属性是用来表明脚本在执行时不会影响页面的构造。也就是说，脚本会被延迟到整个页面都解析完毕后再运行。因此，在<script>元素中设置defer属性，相当于告诉浏览器立即下载，但延迟执行。

　　例如：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Example HTML Page</title>
    <script type="text/javascript" defer="defer" src="example1.js"></script>
    <script type="text/javascript" defer="defer" src="example2.js"></script>
</head>
<body>

</body>
</html>

 

异步脚本

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

　　例如:

　　

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <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>

 

　　　　

posted @ 2017-07-06 15:03  呆萌泰迪熊  阅读(242)  评论(0)    收藏  举报