警惕innerHTML赋值在IE下导致图片多次200的问题

   今天通过页面监控工具发现,QQ返利的商家列表页http://fanli.qq.com/mall/index.html 出现相同商家的图片多次被下载的

情况,具体表现为几个相同的图片都一起下载,通过抓包工具发现,在Firefox下是正常的,但在IE下发现有多次下载的情况,检查了

整个页面的逻辑并没有发现异常的地方,最后定位到问题的代码:

               oDiv.innerHTML +=gNullString;

这段代码的目的是往容器元素oDiv填充一段“更多精彩商家陆续上架中。。。”的提示,但发现由于模板已经第一次填充了内容,而内容

里面有下载商家图片的img元素,导致第一次赋值的时候会发出请求进行拉取图片,但马上又执行oDiv.innerHTML的重新赋值,原先的

dom节点重新进行绘制,又同样的导致发出请求来拉取对应的图片。

     解决方法:去掉对innerHTML属性的+=赋值,改成利用dom进行插入子节点操作,问题得到解决!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值