zoukankan      html  css  js  c++  java
  • Jquery中$(document).ready()与传统JavaScript中的window.onload方法的区别(2016/8/3)

    Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。

    1.执行时间
            window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
            $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 
    2.编写个数不同
             window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
             $(document).ready()可以同时编写多个,并且都可以得到执行
    3.简化写法
             window.onload没有简化写法
             $(document).ready(function(){})可以简写成$(function(){});

    在我以前的开发中,一般用到javascript,我都是采用jquery的模式,也就是大多数时候,第一行写的是:

    $(document).ready(function(){

    });

    这个时候,不一定要等所有的js和图片加载完毕,就可以执行一些方法,不过有些时候,必须要等所有的

    元素都加载完毕,才可以执行一些方法的时候,比如说,部分图片或者什么其他方面还没有加载好,这个时候,点击某些按钮,会导致出现意外的情况,这个时候,就

    需要用到:

    $(window).load(function() {

    });

  • 相关阅读:
    Libvirt错误总结
    linux学习
    HMC 命令行登陆设置
    AIX扩VG和扩文件系统
    Bootstrap CSS2
    Bootstrap CSS
    JQuery的实例集合
    JQuery的noConflict()方法
    android的intent实现页面的跳转
    android的activity
  • 原文地址:https://www.cnblogs.com/21heshang/p/5731757.html
Copyright © 2011-2022 走看看