zoukankan      html  css  js  c++  java
  • 【javascript基础】script的defer属性

    script defer属性,下载后代码并不会立刻执行,直到dom加载完成,onload之前执行,并且不会阻塞其他处理过程,可以并行下载。

    带有defer属性的script标签可以放到页面中的任何位置。

    那么,我们来测试下,在各个浏览器里面是什么反应

    测试代码:

     1 <script defer type="text/javascript">
     2 console.log('inline-defer');
     3 </script>
     4 <script defer src="js/defer1.js" type="text/javascript">
     5 
     6 </script>
     7 
     8 <script type="text/javascript">
     9 console.log('without defer');
    10 window.onload = function(){
    11     console.log('onload');
    12 };
    13 </script>

    1、firefox后台输出效果如下:

    总结:firefox是支持defer的,只不过当脚本有src的时候,才起作用,木有的话,按照正常的执行。

    2、chrome后台输出效果如下:

    总结:跟firefox一致

    3、safari后台输出效果如下:

    总结:跟firefox一致

    4、opera后台输出效果如下:

    总结:不支持defer属性

    5、IE

    总结:ie是支持defer的,不管脚本是内敛还是外置的,都起作用。

    除了opera,各大浏览器的最新版本都支持,IE各个版本一直都是支持的。只不过firefox、chrome、safari,只不过当脚本有src的时候,才起作用,木有的话,按照正常的执行。IE不同,不管脚本是内敛还是外置的,都起作用。

  • 相关阅读:
    方维o2o系统域名绑定破解详解
    smarty 学习笔记一
    手机禁止缩放网页 手机CSS导入
    Android 学习笔记(一)
    自动填充短信验证码(使用ContentObserver)
    分享100个开源android项目源码
    php如何实现验证码
    Zend Studio 13 v13.0.0汉化中文版
    java中的静态方法
    继承代码
  • 原文地址:https://www.cnblogs.com/sniper007/p/2831034.html
Copyright © 2011-2022 走看看