位置: 编程技术 - 正文

<script defer> defer 是什么意思

编辑:rootadmin
程序下载完后再进行解析和执行。 文档上说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属性得到的好处就不太大。

推荐整理分享&lt;script defer&gt; defer 是什么意思,希望有所帮助,仅作参考,欢迎阅读内容。

&lt;script defer&gt; defer 是什么意思

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

DOM下的节点属性和操作小结 属性:1.nodeName节点名称,相当于tagName.属性节点返回属性名,文本节点返回#text。nodeName,是只读的。2.nodeType值:1,元素节点;2,属性节点;3,文本节

JS backgroundImage控制 functionchangeBgImage(obj){obj.style.cssText="background:url('2.gif')no-repeat";}

W3C Group的JavaScript1.8 新特性介绍 JavaScript1.8计划作为Gecko1.9(将要合并在Firefox3中)的一部分开始使用的。比起JavaScript1.7来说,这只是很小的更新,不过它也确实包含了一些向ECMAScript4/JavaSc

标签: &lt;script defer&gt; defer 是什么意思

本文链接地址:https://www.jiuchutong.com/biancheng/382945.html 转载请保留说明!

上一篇:js 数组操作代码集锦(js数组entries)

下一篇:DOM下的节点属性和操作小结(dom操作中获取节点的方法有哪几种)

  • 公司更换营业执照需要多久
  • 外购货物用于捐赠的会计分录
  • 计提高温补贴会计分录
  • 第三方协议补贴
  • 人身意外伤害险保障范围
  • 水利基金减免政策2022
  • 销项在借方还是贷方
  • 油票需要填纳税信息吗
  • 在纳税申报时如何填写申报表?
  • 装卸费收取的税收筹划是怎样的?
  • 委托出口货物怎么办理退免税?
  • 非营利组织免税资格可以免些什么税
  • 残保金申报有什么用
  • 企业医保分几种
  • 农业产品免税范围注释
  • 专项储备通俗理解
  • 预付账款和应付账款怎么调账
  • 右键新建菜单中没有文本文档怎么办
  • 细说php
  • 自产货物用于生产
  • PHP:Memcached::addByKey()的用法_Memcached类
  • thinkphp curl
  • php最好的教程
  • 应收票据利息会计科目
  • 供应商自身的品质问题
  • 个人销售非住宅土地增值税
  • 虚拟机是什么意思
  • php发送短信
  • 税控减免怎么做账
  • 会计财务报表的编制步骤
  • 为什么要进行税费改革
  • 卷积神经网络有哪些
  • smarty模板引擎
  • php微信公众号消息推送
  • timeout&f
  • 非货币性资产投资的会计处理
  • 怎么应对降税行业
  • python根据键输出值
  • 旅游费记入什么科目
  • 固定资产折旧的账务处理
  • 银行对账单可以作为原始凭证入账吗
  • sql使用cast进行数据类型转换示例
  • 购买商品并入库做什么会计分录
  • sql扩展
  • 固定资产计提折旧凭证怎么做
  • 车辆处置缴纳增值税税率
  • 建筑行业未取得收入如何结转成本
  • 政府补助怎么记账
  • 新增建筑物
  • 公司缴纳个人所得税有什么用
  • 测距仪计入什么科目
  • 发票入账有效期是多长时间
  • 应收账款平均余额公式
  • 创办小企业如何起步
  • win7系统桌面图标不见了右键无反应
  • linux的awk命令大全
  • win8.1怎么用
  • 7款应用最广泛的游戏
  • 服务win10
  • igfxem module是什么程序
  • linux中chage命令
  • windows7的开机启动项在哪里
  • windows10 经典模式
  • windows7 游戏
  • ExtJS中设置下拉列表框不可编辑的方法
  • css如何设置div位置
  • javascript零基础
  • linux中使用bash是什么意思
  • 局域网如何打开共享文件夹
  • Android roboguice 开源框架使用
  • unity3d脚本怎么用
  • SQLite之SQLiteStatement
  • 浙江税务客服咨询电话
  • 广东增值税电子普通发票图片
  • 个体工商户定期定额核定
  • 研发材料占研发费用比例超出50%
  • 留抵税额退税政策2023
  • 成都个税证明
  • 营业税未达起征点
  • 重庆税务总局发票查询
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设