js defer使用 defer 是什么意思


程序下载完后再进行解析和执行。
文档上说defer中的代码不立即执行,页面会继续载入,那defer中的代码具体在什么时候执行呢?在全部javascript代码载入之后?页面载入之后?onload之前还是之后?

答案是:

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

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

<script src="../js/script.js" defer></script>
中的defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题

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

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

<script defer>
function document.body.onload() {
alert(document.body.offsetHeight);
}
</script>

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

defer是脚本程序强大功能中的一个“无名英雄”。它告诉浏览器Script段包含了无需立即执行的代码,并且,与SRC属性联合使用,它还可以使这些脚本在后台被下载,前台的内容则正常显示给用户。
--但是 文档加载完毕了再执行脚本

最后请注意两点:
1、不要在defer型的脚本程序段中调用document.write命令,因为document.write将产生直接输出效果。
2、而且,不要在defer型脚本程序段中包括任何立即执行脚本要使用的全局变量或者函数。

一个常用的优化性能的方法是:当脚本不需要立即运行时,在<SCRIPT>标签中设置“defer”属性。 (立即脚本没有被包含在一个function块中,因此会在加载过程中执行。) 设置“defer”属性后,IE就不必等待该脚本装载和执行完毕。这样页面加载会更快。一般来说,这也表明立即脚本最好放在function块中,并在document或者body对象的onload 句柄中处理该函数。在有一些脚本需要依赖用户操作而执行时----例如点击按钮,或者移动鼠标到某个区域----使用该属性非常有用。但当有一些脚本需要在页面加载过程中或加载完成后执行,使用defer属性得到的好处就不太大。



相关阅读:
jquery 的 $("#id").html() 无内容的解决方法
MSSQL2005还原数据库.dat或bak时的结构错误的解决方法
CSS网页设计无效的10个原因
Jquery遍历Json数据结构的代码
Windows xp系统登录界面的删除方法
MSSQL Server 2008图文安装教程
网页外部引用CSS之link和@import两种方式
Javascript 中截取小数位并实现四舍五入的方法
VBScript类组织开发
Linux setuid命令和setgid命令讲解
js之颜色梯度和渐变效果
CSS缩写常用语法总结
linux之wget命令下载ftp文件
PHP之ob_start()控制缓冲生成html
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 人际交往中目光接触 【精品】个性发展自我评价 小学五年级作文350字:为谁读书 一场青春的散伙饭 美味季节作文1200字 让人沉醉忘了自我 区建设局2012年上半年城市管理工作总结 一月,迩还我快乐 ╮一个人的街道,一个人的雪景... 小学五年级作文450字:勤劳的华婕 李白——以酒为乐作文700字 晚安心语_周六晚安心语正能量 青春悟 热血洒满了怀抱 订单式人才培养意向书 我的双手——刘铭珏作文450字 故乡导游词 读懂你深沉的爱作文1000字 相伴不相依 迷你鼠 天空为什么是蓝色的作文550字 心情说说:独在异乡为异客 每逢钞票倍思亲 我难过作文300字 2015思修课心得体会 中国“汉”级攻击核潜艇作文900字 我们的学校,真棒!400字 获奖通报怎么写 小品剧本;绝对离婚 小学二年级作文300字:放学了 我又如何去惆怅 心灵撞击 《美女之三国》作文1300字 2013学校团委述职报告 落花倾城·默念 狗的自述800字 傻瓜躲在墙角里哭泣、笨蛋会心疼麽? 党员2010年工作总结 办公室主任年个人总结 高中高二作文1000字:有趣的过浮桥 随笔心境 2015市区物业管理工作情况汇报 马克·吐温的糊涂身世 我走了,感谢和你相识 暑假日记三篇 高中读书笔记800字 《草原之夜》歌词 串词 朗诵词 中学生差生评语 那一天,我真的很高兴作文700字 元宵节的祝福语 红杜鹃/阿廉 木木.若草作文100字

Copyright © 2016 phpStudy |