H5属性中,script标签中自带的defer属性 的定义是 defer 属性规定当页面已完成加载后,才会执行脚本。
页面加载完成,这件事,我们已经知道的有原生的window.onload 和JQ的$(document).ready
那么 这三个属性到底有什么区别呢??
搜了一堆资料,也没看出个所以然,自己测试了一下,发现不管如何更改顺序,最先alert的 是defer 而后是window onload 最后是 document
今日不予深究,mark一下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="test/jquery-3.1.0.js"></script>
<script type="text/javascript" src="test/jqDocumentFile.js"></script>
<script type="text/javascript">
window.onload = function(){alert("this is window onload event!");return;}
</script>
<script type="text/javascript" src="test/deferFile.js" defer></script>
</head>
<body>
</body>
</html>