更新时间:2022-07-12 来源:黑马程序员 浏览量:
在实际开发中,图片的放大缩小、图片的剪裁等功能的实现,需要网页所有的内容加载完毕后再执行jQuery代码,否则在文件还未加载完毕时jQiery代码将无法操作图片的高度和宽度等属性。
要解决上述问题,可以利用jQuery提供的另一个关于页面加载的方法——load()方法。load()方法会在元素的onload()事件中绑定一个事件处理函数,对于不同的元素对象,事件触发的时机也不同。具体如下。
(1)非window对象
如果事件处理函数绑定在一般元素对象上,则会在元素的内容加载完毕后触发。
$('img').load(function() { // 元素内容加载完毕后要执行的代码 });
(2)windows对象
如果事件处理函数绑定在windows对象上,则与onload事件使用的效果相同。例如,“window.onload=function(){};”可用如下代码实现。
$(window).load(function() { // 页面加载后要执行的代码 });