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

在实际开发中,图片的放大缩小、图片的剪裁等功能的实现,需要网页所有的内容加载完毕后再执行jQuery代码,否则在文件还未加载完毕时jQiery代码将无法操作图片的高度和宽度等属性。
要解决上述问题,可以利用jQuery提供的另一个关于页面加载的方法——load()方法。load()方法会在元素的onload()事件中绑定一个事件处理函数,对于不同的元素对象,事件触发的时机也不同。具体如下。
(1)非window对象
如果事件处理函数绑定在一般元素对象上,则会在元素的内容加载完毕后触发。
$('img').load(function() {
// 元素内容加载完毕后要执行的代码
});(2)windows对象
如果事件处理函数绑定在windows对象上,则与onload事件使用的效果相同。例如,“window.onload=function(){};”可用如下代码实现。
$(window).load(function() {
// 页面加载后要执行的代码
});全国13城校区全覆盖|黑马程序员AI大模型开发(Python),就近学习、全国就业
2026-04-08黑马程序员AI大模型开发(Python)|大厂共建+实战赋能,学完即具备企业项目能力
2026-04-08黑马程序员AI大模型开发(Python)|5阶段体系化教学,从入门到精通全覆盖
2026-04-08黑马程序员AI大模型开发(Python)|培养企业应用型人才,适配行业核心需求
2026-04-08黑马程序员AI智能应用开发|上市品牌背书,大厂联合研发,打造AI复合型人才
2026-04-08全国13城校区全覆盖|黑马程序员AI智能应用开发,就近学、就近就业
2026-04-08