传统JS中的window.onload方法和jQuery中的$(document).ready()方法的区别
2017-09-14 16:27
1071 查看
Window.onload
执行时机:必须等待网页中所有的内容加载完毕后(包括图片)才能执行。编写个数:不能同时编写多个,比如以下代码无法正确执行:
window.onload = function(){
alert ("test1");
};
window.onload = function(){
alert ("test2);
};
改代码结果只会输出test2.
简化写法:无。
$(document).ready()
执行时机:网页中所有的DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完。编写个数:能同时编写多个,以下代码能正确执行:
$(document).ready(function(){
alert("hello world");
});
$(document).ready(function(){
alert("hello again");
});
运行结果是两次都输出。
简化写法:$(document).ready(function(){
//.....
});
可以简写为:$(function)(){
//.....
});
相关文章推荐
- jquery中的$(document).ready()方法和window.onload方法区别
- 浅谈jQuery $(document).ready(function(){})和js window.onload区别
- Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法
- Jquery中$(document).ready()和传统JavaScript中的window.onload的区别。
- js $(document).ready()、()(jQuery)、window.onload=function(){} 区别
- js自动加载两种方法window.onload和$(document).ready的区别
- jquery中的$(document).ready()方法和window.onload方法区别
- jquery页面加载响应事件$(document).ready()与js页面加载响应事件window.onload()的区别
- jquery (js中window.onload与jquery中$(document.ready())的区别)
- 锋利的jQuery-4--$(document).ready()和window.onload方法的区别
- js的window.onload和jquery document.ready()的区别
- js中window.onload与jquery中$(document.ready())的区别
- JavaScript中的window.onload方法与jQuery中的$(document).ready()方法的区别
- $(document).ready()方法和window.onload有什么区别?Jquery对象和dom对象的区别?jQuery对象和dom对象是怎样转换的?
- jquery中的$(document).ready()方法和window.onload方法区别
- window.onload方法 和jquery中的$(document).ready()方法区别
- jquery中的$(document).ready()方法和window.onload方法区别
- JS点击任意标签获得该标签属性,以获得ID为例,以及AJAX的异步原理和 $(document).ready()与window.onload加载方法的区别
- JQuery中$(document).ready()与传统JavaScript中的window.onload方法比较
- jquery中的$(document).ready()方法和window.onload方法区别