码迷,mamicode.com
首页 > Windows程序 > 详细

window.onload与$(document).ready()的对比

时间:2017-04-09 14:46:55      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:bsp   read   代码   加载   网页   load   结构   图片   hello   

一、window.onload:(1)必须等待网页中所有的内容加载完毕后(包括图片)才能执行;(2)不能同时编写多个,如:

window.onload = function(){

alert("test1")

};

window.onload = function(){

alert("test2")

};

结果只会输出“test2”。

二、$(document).ready():(1)网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完;

(2)能同时编写多个,以下代码正确执行;

$(document).ready(function(){

alert("Hello World!");

});

$(document).ready(function(){

alert("Hello again!");

});

结果两次都输出;

$(document).ready(function(){

// ..

});

可以简写成:

$(function(){

//..

})

 

window.onload与$(document).ready()的对比

标签:bsp   read   代码   加载   网页   load   结构   图片   hello   

原文地址:http://www.cnblogs.com/huanghuali/p/6684573.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!