首页技术文章正文

Web前端培训:jQuery的load()方法

更新时间:2022-07-12 来源:黑马程序员 浏览量:

IT培训班

  在实际开发中,图片的放大缩小、图片的剪裁等功能的实现,需要网页所有的内容加载完毕后再执行jQuery代码,否则在文件还未加载完毕时jQiery代码将无法操作图片的高度和宽度等属性。

  要解决上述问题,可以利用jQuery提供的另一个关于页面加载的方法——load()方法。load()方法会在元素的onload()事件中绑定一个事件处理函数,对于不同的元素对象,事件触发的时机也不同。具体如下。

  (1)非window对象

  如果事件处理函数绑定在一般元素对象上,则会在元素的内容加载完毕后触发。

$('img').load(function() {
    // 元素内容加载完毕后要执行的代码
});

  (2)windows对象

  如果事件处理函数绑定在windows对象上,则与onload事件使用的效果相同。例如,“window.onload=function(){};”可用如下代码实现。

$(window).load(function() {
   // 页面加载后要执行的代码
});


分享到:
在线咨询 我要报名
和我们在线交谈!