如何修改图片的src,使得页面在加载时只加载一次?

thisforyou 2013-12-20 03:57:28
我在想是否可以通过添加一段js代码修改网页内的图片资源的src,使得网页在加载的过程中不再加载原来的oldSrc,而是仅仅加载通过js代码修改后的newSrc?
<script type="text/javascript">
window.onload=function()
{
document.getElementById("hi").src="2.jpg";
}
</script>
<img src="1.jpg " id = "hi"/>


如以上代码所示:仅仅达到了修改oldSrc(1.jpg)为newSrc(2.jpg),页面加载后显示的是newSrc,但是在页面加载过程中是先加载了oldSrc,然后又加载了newSrc。也就是加载了两次,是否有什么办法使得图片只加载newSrc?
前提是不直接修改oldSrc。
...全文
300 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
KK3K2005 2013-12-20
  • 打赏
  • 举报
回复
img里 js里 总要消除一个吧
张运领 2013-12-20
  • 打赏
  • 举报
回复
你试试监听DOMContentLoaded事件,这个是试试可以不。
  • 打赏
  • 举报
回复
img标签不设置src属性,去掉
99guo 2013-12-20
  • 打赏
  • 举报
回复
无办法,除非直接修改。

87,991

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧