位置: 编程技术 - 正文

<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操作中获取节点的方法有哪几种)

  • 不动产租赁需要预缴增值税吗
  • 物业公司代收电费怎么开票
  • 转让不动产为什么不填写预缴申报表
  • 小规模企业出租设备税率
  • 如何查看发票是否被抵扣
  • 发票章盖金额上去了
  • 个人所得税差额20%政策
  • 长期股权投资的交易费用计入哪里
  • 留抵进项税额
  • 产品售后维修产品介绍
  • 逾期抵扣办理申请书模板
  • 工会经费如何做会计分录科目
  • 存货周转率多少好
  • 人工材料成本怎么分配
  • 运输业应列入
  • 分公司清算和总公司清算
  • 小微企业免征增值税条件
  • 企业注销前需要固定资产清理吗
  • 支付的专家费怎么入账
  • 房租现金流量表选哪项比较合适
  • 企业所得税申报表
  • 销售库存商品结转的相关存货跌价准备冲减资产减值损失
  • 什么是长期应付薪酬
  • wordpress文章分页插件
  • 房地产开发企业增值税怎么算
  • php中哪个命令用来删除当前目录
  • 企业破产时的退出机制
  • java web购物系统
  • 如何查询企业财务负责人是否变更了
  • ajax不刷新页面
  • vite搭建vue3
  • js数组菜鸟教程
  • 增值税留抵税额退税政策
  • 商业承兑汇票贴现流程
  • 企业财务报表有附注吗
  • 赔偿款收据样本
  • 订单不足停工
  • 房产税一般在哪缴纳
  • 外经证网上查询
  • 建筑业成本核算表格
  • 材料采购如何做好市场调研工作
  • 费用没有发票先开什么
  • 管理费用如何做分录
  • 会计制度和会计准则科目转换
  • 主营业务成本账户年终结转后
  • 账面价值,账面净值,账面余额三者的区别
  • window终端是什么
  • win2008 r2 hosts文件修改方法
  • 文本文件模式
  • linux oracle12c
  • sonytray.exe - sonytray是什么进程
  • windows xp系
  • win8windows设置在哪里
  • 在centos7中,一般用( )命令来查看网络接口的状态
  • pm是什么软件的缩写
  • windows10右键菜单被任务栏挡
  • 如何关闭win8的windows defender
  • javascript的理解
  • Android开发如何找到TextView指定文本
  • 刚接触 python 如何快速上手?
  • Strumpy Shader Editor入门教程
  • unity集训
  • Unity3D游戏开发标准教程吴亚峰于复兴人民邮电出版社
  • opengl绘制函数
  • 批处理模式的例子
  • unity程序开发
  • unity接入安卓sdk
  • angularjs常用总结
  • jquery选择器大全
  • python基础教程视频教程
  • javascript函数调用函数
  • python模拟操作
  • javascript怎么用
  • Python的collections模块中的OrderedDict有序字典
  • 在地税局工作是什么编制
  • 税务局是什么单位类型
  • 阜阳市税务局地址
  • 怎么代理保险业务
  • 辽宁地税电子税票查询
  • 国家税务总局2011年34号公告
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设