js中defer简单理解

1
2

<script defer="true">alert("加载完页面元素后再执行js");</script>
<script src='...js' defer="true"></script>

defer只是加载完成页面元素后在执行js脚本。

其实就是简单的利用defer属性，让浏览器读JS脚本的时候完全不等脚本开始读就开始读下面的图片啊，html代码了。然后让js脚本自己在那里慢慢读取完以后再执行。

给外链的js脚本添加defer=”true”，像下面这个这样就可以了：

1

<script defer="true" src="JavaScript.js" type="text/javascript"/>

特别是比较大的脚本，提高整个网页的载入速度是非常明显的

应用实例解决：document.getElementById为空或不是对象
1. ‘null’为空或不是对象:
< script type="text/javascript"> 里面加个defer=true属性试试看，
即:

1

<script type="text/javascript" defer=true>

2. document.getElementById为null

原因: var titab=document.getElementById(“titletab”);没有取到对象
解决办法:
1.在错误语句的下面加上alert(titab);调试语句,看看是否有消息框弹出
2.如果没有弹出,检查HTML代码中的是否存在”id=titletab”的