你的位置:首页 > Java教程

[Java教程]延迟脚本


defer属性的用途是表明脚本在执行的时候不会影响页面的构造,即脚本会被延迟到整个页面都解析完毕后再运行。在<script>元素中设置该属性,相当于告诉浏览器立即下载,但延迟执行。如果有多个js文件都设置了defer属性,则按顺序执行。
async和defer相似,async只适用于外部的脚本文件,如果有多个js文件都设置了async属性,未必按顺序执行,有可能后面的js文件先于前面的js文件,所以应确定两个js文件不依赖。所以这时候最好还是把js文件放在body底部,并且放在</body>之前。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>async</title>
    <script type="text/javascript" defer="defer" src="your01.js"></script>
    <script type="text/javascript" async src="your02.js"></script>
</head>
<body>
    
</body>
</html>
参考:《JavaScript高级程序设计》