PHP开发笔记 - Powered by Discuz! Board

标题: javascript 中的defer属性 [打印本页]

作者: fangzhen 时间: 2009-2-16 10:39 标题: javascript 中的defer属性

文档上说defer中的代码不立即执行，页面会继续载入，那defer中的代码具体在什么时候执行呢?在全部javascript代码载入之后？页面载入之后？onload之前还是之后？

答案是:

并不是说在网页载入时不执行,可以在网页写一个SCRIPT.然后定义它,但是在载入时它还是执行了,
后来在找其它的东东时发现,因为它不有个子, 不知它是如何用,
原来它是在你的网页已截入完成后,你想动态添加一个新的<script>时用的,如果你只是object.innerHTML = "<script" + ">"..."</script" + ">";
那么当你调用你这个新定义的东东就会出错,说还未定义,当你在上面的代码加入defer时那么你就能成功调用它,
在下面的代码中你可以试下把它去掉, defer>";,那么你就会发现问题!
<HTML>
<script>
function insertScript(){
var sHTML="<input type=buttongo2()" + " value='Click Me'><BR>";
var sScript="<script defer>";
sScript = sScript + "function go2(){ alert('Hello from inserted script.') }";
sScript = sScript + "</SCRIPT" + ">";
ScriptDiv.innerHTML = sHTML + sScript;
}
</SCRIPT>
<BODY>
<DIV ID="ScriptDiv"></DIV>
</BODY>
</HTML>

//defer属性指示该段脚本不会改变文档的内容。在文档完全显示之前，js解释器不执行这段代码。
具体到这个例子，因为js不允许动态生成js代码，所以去掉defer后产生的代码会被认为是非法的。加上defer后的代码，会被解释器认为是载入页面的时候跳过去的，可以执行。

javascript中defer的作用是文档加载完毕了再执行脚本，这样会避免找不到对象的问题。2、而且，不要在defer型脚本程序段中包括任何立即执行脚本要使用的全局变量或者函数。(立即脚本没有被包含在一个function块中,因此会在加载过程中执行。) 设置"defer"属性后，IE就不必等待该脚本装载和执行完毕。但当有一些脚本需要在页面加载过程中或加载完成后执行，使用defer属性得到的好处就不太大。

作者: mnop712 时间: 2009-4-10 19:26 标题: 嗯

提示: 作者被禁止或删除内容自动屏蔽

欢迎光临 PHP开发笔记 (http://phpvi.com/)