Javascript的Defer属性

Script中的Defer属性
如果你是一个对系统性能比较关心和在意的人，我想你应该会对Script脚本中的defer属性感兴趣的。
script中的defer属性默认情况下是false的。按照DHTML编程宝典中的描述，对于Defer属性是这样写的：
Usingthe attribute at design time can improve the download performance of apage because the browser does not need to parse and execute the scriptand can continue downloading and parsing the page instead.
也就是说：如果是编写脚本的时候加入defer属性，那么浏览器在下载脚本的时候就不必立即对其进行处理，而是继续对页面进行下载和解析，这样会提高下载的性能。
这样的情况有很多种。比如你定义了很多javascript变量，或者在引用文件（.inc）中写了很多的脚本需要处理，那不妨在这些脚本中加入defer属性，对性能的提高肯定有所帮助。
举例如下：

<script language="javascript" defer>
var object = new Object();
....
</script>

因为defer属性默认是为false的，那么在这里

<script language="javascript" defer>

显式声明defer属性后等同于

<script language="javascript" defer=true>

声明了defer属性之后，需要判断是否有别的变量引用了defer脚本块中的变量，否则的话会导致脚本错误的产生。

引用

DEFER是脚本程序强大功能中的一个“无名英雄”。你可能从没有使用过它，但是看完这里的介绍后，相信你就离不开它。它告诉浏览器Script段包含了无需立即执行的代码，并且，与SRC属性联合使用，它还可以使这些脚本在后台被下载，前台的内容则正常显示给用户。  

最后请注意两点：  

1、不要在defer型的脚本程序段中调用document.write命令，因为document.write将产生直接输出效果。  

2、而且，不要在defer型脚本程序段中包括任何立即执行脚本要使用的全局变量或者函数。

加上 defer 等于在页面完全在入后再执行，相当于 window.onload ，但应用上比 window.onload 更灵活！

比较下面的3个例子:

<button id="myButton" onclick="alert('ok')">test</button>
<script>
myButton.click();
</script>

<script defer>
myButton.click();
</script>
<button id="myButton" onclick="alert('ok')">test</button>

<script>
myButton.click();
</script>
<button id="myButton" onclick="alert('ok')">test</button>