如何修改图片的src,使得页面在加载时只加载一次?
我在想是否可以通过添加一段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。
------解决方案--------------------无办法,除非直接修改。