如何判断页面是否加载完毕了,再执行
1个回答
2018-01-19 · 知道合伙人软件行家
关注
展开全部
jquery加载页面的方法,即:页面加载完成就执行,有如下几种:
1、jQuery的$(document).ready
$(document).ready(function(){ $("#a").click(function(){ //adding your code here }); });
就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。
2、ready事件的简写方法
$(function(){ $("#a").click(function(){ //adding your code here }); });
此方法就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前,是ready的简写方式
3、window的onload事件
window.onload = function(){ $("#a").click(function(){ //adding your code here }); }
这段代码会在整个页面的document全部加载完成以后执行。这种方式不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。如果外部资源,例如图片需要很长时间来加载,那么这个js效果就会让用户感觉失效了。
1、jQuery的$(document).ready
$(document).ready(function(){ $("#a").click(function(){ //adding your code here }); });
就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。
2、ready事件的简写方法
$(function(){ $("#a").click(function(){ //adding your code here }); });
此方法就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前,是ready的简写方式
3、window的onload事件
window.onload = function(){ $("#a").click(function(){ //adding your code here }); }
这段代码会在整个页面的document全部加载完成以后执行。这种方式不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。如果外部资源,例如图片需要很长时间来加载,那么这个js效果就会让用户感觉失效了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询