zoukankan      html  css  js  c++  java
  • window.onload=function(){}与$(function(){})的区别

    浏览器页面文档加载完以后,会通过javascript为DOM元素添加事件,通常使用js方式有

    window.onload=function(){}与document.onready=function(){},对应的,jquery方式使用$(window).load(function(){}) 与 $(document).ready(function(){})【简写:$().ready(function(){})或$(function(){})】;

    注意点:

    a、js方式不能同时编写多个,只会执行其中一个,而jquery方式可以编写多个,都可执行,不冲突

    b、不管是js还是jquery,load方式必须等待页面所有内容加载完毕后(包括图片)才能执行,而ready方式则当页面dom结构绘制完毕后就执行,不必等待dom元素关联的内容加载完成

    例如在ready中,获取图片的高度和宽度不一定能获取到,因为此时只加载了与图片相关的html,其图可能还没加载完成

    (用chrome测试发现) 与load方法相关的只能用window对象不能用document对象,ready方法则js方式只能用document对象, jquery方式既可以用document对象也可以用window对象

    window.onload=function(){
        console.log(1);
    };
    window.onload=function(){
        console.log(2);
    };
    //输出2
    document.onready = function() {
         console.log(1);
    
    };
    document.onready = function() {
          console.log(2);
    };
    //输出2
    $(window).load(function(){
        console.log(1);
    });
    $(window).load(function(){
        console.log(2);
    });
    //输出1,2

      

  • 相关阅读:
    怎么查看京东店铺的品牌ID
    PPT编辑的时候很卡,放映的时候不卡,咋回事?
    codevs 1702素数判定2
    codevs 2530大质数
    codevs 1488GangGang的烦恼
    codevs 2851 菜菜买气球
    hdu 5653 Bomber Man wants to bomb an Array
    poj 3661 Running
    poj 1651 Multiplication Puzzle
    hdu 2476 String Painter
  • 原文地址:https://www.cnblogs.com/zml-mary/p/8296873.html
Copyright © 2011-2022 走看看