关于文档加载完成事件 — onload 事件、ready事件

一、$(window).load(function(){})、window.onload=function(){}、$(document).ready(function(){})的区别:

      1、$(window).load(function(){})、window.onload=function(){} 

            是页面中的所有元素(包括图片、flash、引用文件)等都加载完毕后,才能执行里面的代码;

      2、$(document).ready(function(){}) 

            是页面中所有的DOM元素加载完成后便可执行,其他图片可能没有加载完。要想网页所有的内容加载完以后执行,使用 $(window).load(function(){}),等价于window.onload=function(){} 

二、编写函数个数:

        1、window.onload=function(){} 不能同时写多个,后面的将会覆盖前面的。例如:

              window.onload=function(){  alert("A") ;} 

              window.onload=function(){  alert("B") ;}    

              结果会执行"B"

              如果想要按顺序执行alert("A")和alert("B") ,可以写成:
              window.onload=function(){  
                  alert("A") ;
                  alert("B") ;

              }

         2、$(document).ready(function(){}) 可以同时写多个。可以简写为:$(function(){})

猜你喜欢

转载自blog.csdn.net/zyg1515330502/article/details/80688317