[阅读: 340] 2007-03-22 13:02:38
我先来猜一下你的需求:
我估计你是一个网页里有个图片的内容是服务端动态生成的,是不?
然后你希望网页不刷新,而是定时的刷新图片,这样如果服务端生成图片的数据
有了变化,那么图片刷新后就能体现出来。
如果是这样,那么你的图片src可能是类似于image.jsp?id=123之类的?
如果是这样还好,这个jsp的头部指定不缓存以后,也许就可以使用以下代码实现
<img id="imgId" src="image.jsp?id=123"/>
<script>
window.onload = function(){
window.imgInterval = window.setInterval("reloadImage()", 10000);
}
window.onunload = function(){
window.clearInterval(window.imgInterval);
}
function reloadImage(){
var img = document.getElementById("imgId");
img.src = 'image.jsp?id=123'; //img.src
}
</script>
如果img.src不是xxx.jsp之类的,而是一个静态图片(这个静态图片由服务端自动生成每次覆盖),那可不好办,因为img.src如果设置为同一个url,一般都是取本地缓存内容。
(以上内容未全部测试,我这没有那种生成图片的jsp可用)
实际上,我建议你最好的办法是把图片放在一个iframe里,每次去reload这个iframe。
如果不是我猜的这种情况,而是在几个固定图片之间来回切换,那么就比较简单了,上面两人说的就是了。