超难：innerhtml聊天室图片能否预装载

Question

我并没有重写整页，但是客观上，innerhtml的改变导致了图片的重新装载。
根据陈上大大的说法也确实是这个结果，我希望有解决方案。呵呵

Answer 1

有这样一个方法，先用Image对象预载一幅图片
innerHTML不要直接输出图片的src(比如只输出<img id=XX>),然后用脚本将刚输出的img元素替换成预载图片
例如：<div id=output></div><script>
function window.onload()
{
var preImg1=new Image;
preImg1.src="01.gif";//预载表情图片
output.innerHTML="test<img id=img1>";//只输出空的img元素，ID名可自定义
img1.parentNode.replaceChild(preImg1,img1);//将空的img元素替换成预载图片
}
</script>这样就不会重新连接服务器读取图片了