$(document).ready()加载顺序和事件
2016-09-21 10:51
309 查看
$(document).ready()和 window.onload的区别
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
$(document).ready(function(){
...//不必要等所有的js和图片加载完毕,就可以执行一些方法
});
$(window).load(function() {
...//等所有的js和图片加载完毕,才执行的方法
});
onload的两种写法
<body onload="fn1(),fn2()"></body>看起来极其丑陋,如果用$(window).load()我们可以这样加载多个函数
$(window).load(function() {
alert("hello1!");
});
$(window).load(function() {
alert("hello2");
});
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
$(document).ready(function(){
...//不必要等所有的js和图片加载完毕,就可以执行一些方法
});
$(window).load(function() {
...//等所有的js和图片加载完毕,才执行的方法
});
onload的两种写法
<body onload="fn1(),fn2()"></body>看起来极其丑陋,如果用$(window).load()我们可以这样加载多个函数
$(window).load(function() {
alert("hello1!");
});
$(window).load(function() {
alert("hello2");
});
相关文章推荐
- document.ready和onload的区别——JavaScript文档加载完成事件
- jquery的$(document).ready()和onload的加载顺序
- document.ready和onload的区别——JavaScript文档加载完成事件
- 浅谈文档加载完成事件——document.ready和onload的区别
- jQuery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
- jquery与javascript中的两个页面加载事件 window.onload 与 $(document).ready(function(){})区别
- document.ready和onload的区别——JavaScript文档加载完成事件
- document.ready和onload的区别----JavaScript文档加载完成事件(二)
- JS 页面加载触发事件 document.ready和onload的区别(转)
- js在页面中的加载顺序及多个jquery $(document).ready() 的执行顺序
- document.ready和onload的区别----JavaScript文档加载完成事件
- jquery mobile在页面加载时添加加载中效果 document.ready 和window.onload执行顺序比较
- document.ready和onload的区别----JavaScript文档加载完成事件
- document.ready和onload的区别 ——JavaScript文档加载完成事件
- jquery的$(document).ready()和onload的加载顺序
- document.ready和onload的区别----JavaScript文档加载完成事件
- jQuery中$(function()与(function($)、$(function(){ }) = $(document).ready(function(){ })及页面加载顺序
- jquery的 $(function(){ }) = $(document).ready(function(){ }) ,及页面的加载顺序
- document.ready和onload的区别——JavaScript文档加载完成事件
- JS 页面加载触发事件 document.ready和onload的区别