script标签的defer属性,script的defer属性是什么作用

  script标签的defer属性,script的defer属性是什么作用

  本教程运行环境:windows7系统,javascript1.8.5版本1.8.5,戴尔G3电脑。

  很多人已经很好的利用了Javascript,但是遇到defer不一定知道他是做什么的。很多人也遇到过这个问题。需要直接执行其他和操作DOM对象的js总是报错找不到对象。原因是页面还没有加载,js的操作对象还在下载中。但是很多人不知道,加上defer标签就可以轻松解决这个问题。

  defender在script src=中的作用./CGI-bin/del script . js defender/script是在文档加载完毕后执行脚本,避免出现找不到对象的问题——有问题。

  按钮id= my button onclick= alert( ok )测试/按钮

  脚本

  my button . click();

  /脚本

  脚本

  my button . click();

  /脚本

  按钮id= my button onclick= alert( ok )测试/按钮

  脚本延期

  函数document.body.onload() {

  alert(document . body . offset height);

  }

  /script加defer等于页面加载完成后执行,相当于window.onload,但在应用上比window.onload更灵活!

  Defer是脚本程序强大功能中的“无名英雄”。它告诉浏览器,脚本段中包含了不需要立即执行的代码,并且,结合SRC属性,还可以让这些脚本在后台下载,前台内容可以正常显示给用户。

  -但是在文档加载后执行脚本。

  请注意两点:

  1.不要在defer脚本段调用document.write命令,因为document.write会产生直接输出的效果。

  2.此外,不要在defer脚本段中包含任何用于立即执行脚本的全局变量或函数。

  优化性能的一种常见方法是,当脚本不需要立即运行时,在脚本标记中设置“defer”属性。(立即脚本不包含在功能块中,因此将在加载过程中执行。)设置了“defer”属性后,IE就不用等待脚本加载执行了。这将使页面加载速度更快。一般来说,这也表明立即脚本最好放在函数块中,并在文档或主体对象的onload句柄中处理。当一些脚本需要根据用户的动作来执行时,例如单击按钮或者将鼠标移动到某个区域,这个属性非常有用。但是,当一些脚本需要在页面加载期间或之后执行时,使用defer属性的好处不会太大。

  默认情况下,脚本中的defer属性为false。根据DHTML编程集合中的描述,Defer属性是这样写的:

  在设计时使用属性可以提高页面的下载性能,因为浏览器不需要分析和执行脚本,而是可以继续下载和分析页面。

  也就是说,如果在编写脚本时添加了defer属性,浏览器在下载脚本时就不必立即处理脚本,而是继续下载并解析页面,这样会提高下载性能。

  这种情况有很多种。比如你定义了很多javascript变量,或者在引用文件中写了很多脚本(。inc ),您还可以为这些脚本添加defer属性,这无疑有助于提高性能。

  例子如下:

  脚本语言=javascript 延迟

  var Object=new Object();

  .

  /script,因为defer属性默认为false。

  当defender属性被显式声明时,script language= JavaScript defender等效于。

  script language= JavaScript defender=true声明defender属性后,需要确定其他变量是否遵从defender脚本块中的变量,否则会导致脚本错误。

  【推荐学习:javascript高级教程】以上是javascript中defer是什么的详细内容。更多请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: