<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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值