zoukankan      html  css  js  c++  java
  • js页面加载的几种方式的速度: window.onload、 $(window).load、 $(function(){})、 $(document).ready(function () {})、onload=‘asd()’

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>

    </head>
    <body onload="aaa()">
    <div >
    <p>hello world!</p>
    </div>
    <script type='text/javascript'>

    window.onload = function(){
    alert("页面加载完成====》onload");//速度次之使用jQuery对象,页面加载完毕【DOM tree + 外部图片 + 资源】
    }

    $(window).load(function(){
    alert("jquery===》window load" ); //速度次之使用DOM对象,页面加载完毕【DOM tree + 外部图片 + 资源】
    })
    $(function(){
    alert("jquery====》document onload");//速度并列第一,DOM结构加载完毕之后【浏览器把所有的HTML放入DOM tree之前就开始执行】
    });
    $(document).ready(function () {
    alert("jquery====》document ready");//速度并列第一,DOM结构加载完毕之后【浏览器把所有的HTML放入DOM tree之前就开始执行】
    });

    function aaa(){
    alert("静态标签====》onload"); //速度最慢,一般绑定在<body onload="aaa()">等待body加载完成,就会执行aaa()方法。但是与window.onload方法冲突,会造成在后面的覆盖前面的。二者只能存在一个。
    }
    </script>
    </body>
    </html>


    操作前记得引入jq包。
    一般我们在使用的时候,用的是:

    $(function(){
      $("#a").click(function(){
        //adding your code here
      });
    });




  • 相关阅读:
    html框架
    head标签
    项目报错,tomcat中引起
    Eclipse中点击小猫提示Tomcat settings should be set in Tomcat Preference Page
    同一台电脑上安装两个tomcat服务器
    Java排序算法
    格式化系统日期
    九九乘法表
    Java实现给定字符串的倒序输出
    Eclipse警告:The serializable class XXX does not declare a static final serialVersionUID field of type long
  • 原文地址:https://www.cnblogs.com/hfeng007/p/9133635.html
Copyright © 2011-2022 走看看