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

在实际开发中,图片的放大缩小、图片的剪裁等功能的实现,需要网页所有的内容加载完毕后再执行jQuery代码,否则在文件还未加载完毕时jQiery代码将无法操作图片的高度和宽度等属性。
要解决上述问题,可以利用jQuery提供的另一个关于页面加载的方法——load()方法。load()方法会在元素的onload()事件中绑定一个事件处理函数,对于不同的元素对象,事件触发的时机也不同。具体如下。
(1)非window对象
如果事件处理函数绑定在一般元素对象上,则会在元素的内容加载完毕后触发。
$('img').load(function() {
// 元素内容加载完毕后要执行的代码
});(2)windows对象
如果事件处理函数绑定在windows对象上,则与onload事件使用的效果相同。例如,“window.onload=function(){};”可用如下代码实现。
$(window).load(function() {
// 页面加载后要执行的代码
});毕业16个工作日,平均薪资13180元,就业率100%,广州黑马AI智能应用开发(Java)学科20250529班
2026-03-06毕业32个工作日,平均薪资11147元,就业率95%,广州黑马AI智能应用开发(Java)学科20250326班
2026-03-05黑马程序员2025全国就业数据发布:全学科平均就业率92.07%,AI开发类就业平均薪资达11869.67元。
2026-03-05黑马全国校区齐开班!场面太太太壮观了!
2026-03-03AI智能应用开发课程紧贴企业刚需,全程高效学习,直达中高级软件开发水平
2026-02-28风口正劲!黑马程序员又一AI智能应用开发班毕业当天100%就业!
2026-02-27