图片预装载使页面短时间内刷新的问题!!

本文分享了一个关于图片预加载的常见错误及解决方案。通过一个实际案例,展示如何避免使用空字符串作为Image对象的src属性,以防止不必要的页面重新加载,并提出使用普通对象存储链接而非Image对象的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前几天我们让团队里一个新人做图片轮转的效果,告诉他用图片预装载(new Image())效果会好一点

今天看到他给我的javascript代码是这样的

 

img4 = new Image();
img4.src = 'images/zn/banner10.jpg';
url4 = new Image();
url4.src = '';

 

img4 = new Image();
img4.src = 'images/zn/banner10.jpg';

这句话没问题,banner10.jpg会预装载成功,

 

但是

url4 = new Image();
url4.src = '';

我问他这两行代码是干什么的,他说用来确认图片对应的链接地址,我问他为什么也要用Image()对象,他说顺便copy的

 

这些新人往往不知所以然就copy代码,原来这两行代码也不会有什么问题,但是后来页面越来越大,问题就来了,

url4.src = '';使页面短时间内重新装载了一次,后台程序员的代码可能也写得效率不高,于是jsp页面时不时出现堆栈溢出....

 

于是代码改成

url4 = {};
url4.src = '';

 

问题解决!

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值