编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

立即执行函数,load(立即执行函数是页面加载时自动执行,且只能执行一次)

wxchong 2024-08-01 03:06:24 开源技术 15 ℃ 0 评论

网页中所有的dom结构绘制完毕后执行

//立即执行函数
$(document).ready(function(){
  //code 
})


(function(){
  //code
})();

window.onload和$(window).load()区别

js: window.onload  
//页面一运行就执行该函数,执行该函数时,可能页面中的图片还没有加载完成!
//(存在页面元素未加载全就执行的情况)
jquery: $(window).load()  
//页面中的图片或其它东西加载完成之后,执行该函数。(页面元素全部加载全包括图片才执行)

实际例子

//每次加载图像时,向所有高度大于100的图像添加bigImg类。
$( "img.userIcon" ).load(function() {
  if ( $( this ).height() > 100) {
    $( this ).addClass( "bigImg" );
  }
});


Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表