如何解决页面包含img src时的重复载入问题
这篇文章主要介绍“如何解决页面包含img class="lazy" data-src时的重复载入问题”,在日常操作中,相信很多人在如何解决页面包含img class="lazy" data-src时的重复载入问题问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何解决页面包含img class="lazy" data-src时的重复载入问题”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
当页面中保含<img class="lazy" data-src="">的时候,会导致当前url地址的页面被重复载入。
因为在img 对象的class="lazy" data-src 属性是空字符串("")的时候,浏览器认为这是一个缺省值,值的内容为当前网页的路径。浏览器会用当前路径进行再一次载入,并把其内容作为图像的二进制内容并试图显示。
如果确实需要指定一个img的class="lazy" data-src属性为"",可以写成<img />。
到此,关于“如何解决页面包含img class="lazy" data-src时的重复载入问题”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341