页面加载完毕后执行事件

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 16:06   2207   0

页面加载完成后触发事件很简单,

写这个的原因是因为,每次用到的时候总是忘了怎么写。。。

首先最简单的方法。jquery的一种简写形式:

$(function(){ 
    alert("页面加载完成!"); 
}); 

其对应的完整形态为:

$(document).ready(function(){ 
    alert("页面加载完成!"); 
}); 

原生JS方法:

window.οnlοad=function(){ 
    alert("页面加载完成!"); 
} 

这几种方法在功能上的效果是一样的,但是三者(或者说两者)还是有一些区别的:

  window.onload 会在页面的document全部加载完成以后,并且要求所有的外部图片和资源全部加载完成后才会执行操作。

  $(document).ready(function() 只需要在浏览器把所有的HTML放入DOM tree之后就执行js效果。包括在加载外部图片等资源之前。

所以,建议使用方式:

    样式控制的,比如图片大小控制,使用$(window).load();

jS事件触发的方法,可以在$(document).ready()里面加载。

转载于:https://www.cnblogs.com/yang-blogs/p/8377786.html

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP