无阻塞脚本: 在页面加载完成之后才加载js代码。即,window对象的load事件触发后再开始下载脚本
实现这种方式的方法之一:延迟的脚本
对<script>使用 defer属性。
defer属性指明加载的脚本不会修改DOM,因此可以延迟执行。带有defer属性的js文件可以和其他资源并行下载。
defer对应的js文件会在解析到<script>时下载,但是不会执行。直到DOM完全加载完成才会执行。
<html>
<head>
<title> script defer example </title>
</head>
<body>
<script>
window.onload = function(){
console.log("window.oload")
}
</script>
<script src = "defer.js" defer>
</script>
<script src = "sc.js">
</script>
</body>
</html>
上面代码中的defer.js文件中输出defer。sc.js文件输出script。
代码执行结果为