中国开发网: 论坛: 程序员情感CBD: 贴子 488216
有狐
这个似乎还比较麻烦的
我先来猜一下你的需求:

我估计你是一个网页里有个图片的内容是服务端动态生成的,是不?
然后你希望网页不刷新,而是定时的刷新图片,这样如果服务端生成图片的数据
有了变化,那么图片刷新后就能体现出来。

如果是这样,那么你的图片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。

如果不是我猜的这种情况,而是在几个固定图片之间来回切换,那么就比较简单了,上面两人说的就是了。

相关信息:


欢迎光临本社区,您还没有登录,不能发贴子。请在 这里登录