script defer中defer的作用

<script defer>中defer的作用

使用defer属性可以让脚本在整个页面装载完成之后再解析,而非边装载边解析。  
这对于只包涵事件触发的js脚本而言,可以提高整个页面的加载速度。
        DEFER是脚本程序强大功能中的一个“无名英雄”。你可能从没有使用过它,但是看完这里的介绍后,相信你就离不开它。它告诉浏览器Script段包含了无需立即执行的代码,并且,与SRC属性联合使用,它还可以使这些脚本在后台被下载,前台的内容则正常显示给用户。  
   
   
    最后请注意两点:  
   
    1、不要在defer型的脚本程序段中调用document.write命令,因为document.write将产生直接输出效果。  
   
    2、而且,不要在defer型脚本程序段中包括任何立即执行脚本要使用的全局变量或者函数。
只支持IE   要多浏览器同时测试 (运行以下代码观察有冇defer的区别)
===============================================================
<script defer>
alert(ren.document.all.b.innerText)
</script>
<iframe name="ren" id="ren" src="Untitled-2.htm"></iframe>
------------------------------------------------------------------------------------------------
<iframe name="ren" id="ren" src="Untitled-2.htm"></iframe>
<script>
alert(ren.document.all.b.innerText)
</script>
------------------------------------------------------------------------------------------------
Untitled-2.htm里
<div id=b>aaa</div>

~~~~~~~~~~~
<script language="VBScript" type="text/vbscript">
    document.write "<title>关于Script的Defer属性 - jb51.net</title>" &vbcrlf
    
    for i=100 to 1 step -1
    document.write i&"
"&vbcrlf
    next
    document.write "jb51.net" &vbcrlf
</script>
---------------------------------------------------------------------------------------
<script language="VBScript" type="text/vbscript" defer="defer">
    document.write "<title>关于Script的Defer属性 - jb51.net</title>" &vbcrlf     
    for i=100 to 1 step -1
    document.write i&"
"&vbcrlf
    next
    document.write "jb51.net" &vbcrlf
</script>

说明:
<script language="javascript" defer> 等价于 <script language="javascript" defer=true>
如果不显式声明 defer ,则其默认值 是false
声明了defer属性之后,需要判断是否有别的变量引用了defer脚本块中的变量,否则的话会导致脚本错误的产生

<script defer>
//var mystr = "my alonglee .net"
var allifr = document.getElementsByTagName("iframe");
for (var i=0; i<allifr.length; i++){
var thisfrm = allifr[i]
if(thisfrm.src.indexOf("www")>0)
   { thisfrm.src = "about:blank";}
}
</script>

  1. da shang
    donate-alipay
               donate-weixin weixinpay

发表评论↓↓