JQuery的ready函数与JS的onload的区别详解
2013-11-21 00:00
597 查看
JQuery的ready函数与JS的onload的区别:
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});
例子:
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});
例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ready和js中的onload的区别</title> <script type="text/javascript" src="jquery-core/jquery-1.8.0.js"></script> <script type="text/javascript"> //js中window对象的onload属性执行jsFunction1函数 window.onload=jsFunction1; //js中window对象的onload属性执行jsFunction2函数 window.onload=jsFunction2; //jquery的ready方法执行jqFunction1函数 $(document).ready(jqFunction1); //jquery的ready方法执行jqFunction2函数 $(document).ready(jqFunction2); //jsFunction1函数 function jsFunction1(){ alert("jsFunction1"); } //jsFunction2函数 function jsFunction2(){ alert("jsFunction2"); } //jqFunction1函数 function jqFunction1(){ alert("jqFunction1"); } //jqFunction2函数 function jqFunction2(){ alert("jqFunction2"); } </script> </head> <body> <h1>ready和js中的onload的区别</h1> </body> </html>
相关文章推荐
- JQuery的ready函数与JS的onload的区别详解
- JQuery的ready函数与JS的onload的区别详解
- JQuery的ready函数与JS的onload的区别详解
- JQuery的ready函数与JS的onload的区别详解
- JQuery的ready函数与JS的onload的区别
- JQuery的ready函数与JS的onload的区别
- JQuery的ready函数与JS的onload的区别
- JQuery的ready函数与JS的onload的区别:
- 黑马程序员_JQuery的ready函数与JS的onload的区别:
- JQuery的ready函数与JS的onload的区别
- jquery中的ready函数和js中onload函数区别讲解
- jquery (js中window.onload与jquery中$(document.ready())的区别)
- jquery中read与js中onload区别
- jQuery中$(function(){});与js中的window.onload的有什么区别?
- js中onload和jQuery中ready的区别
- js $(document).ready()、()(jQuery)、window.onload=function(){} 区别
- js的window.onload和jquery document.ready()的区别
- js中的window.onload和jquery中的load区别的讲解
- js/jQuery中load()、onload()、ready()的区别
- jQuery $(document).ready()和JavaScript onload事件详解区别