怎么用 javascript 做网页中的图片定时刷新

JavaScript023

怎么用 javascript 做网页中的图片定时刷新,第1张

分类: 电脑/网络 >>程序设计 >>其他编程语言

问题描述:

具体的说,就是我要利用一个客户端软件,用同一个文件名不断的传送文件到 HTTP 服务器上,然后在网页中读取那个图片,并且定时刷新图片,但是网页不要刷新,那样应该怎么做?

解析:

<script>

function changesrc(){

var pic=document.getElementById('change')

var img='1.jpeg?'+new Date

pic.src=img

window.setTimeout(changesrc,10000)

}

window.onload=function(){

changesrc()

}

</script>

<img src=1.jpeg id="change" />

可以考虑使用setTimeOut

你这个代码的问题,我分析,是因为每次页面刷新以后,你的定时器id都会被重新赋值为undefined

而你在页面加载时就会执行你自定义的定时器代码,代码内判断定时器id的条件语句永远不会成立,所以是不会清除定时器的

总的来说,http无状态造成的

如果一定要使用setinterval,你需要区分刷新页面后和刷新前的状态,这恐怕需要服务端帮忙了额

Javascript

返回上一页

1.

Javascript

返回上一页

history.go(-1),

返回两个页面:

history.go(-2)

2.

history.back().

3.

window.history.forward()返回下一页

4.

window.history.go(返回第几页,也可以使用访问过的URL)

例:

复制代码

代码如下:

<a

href="javascript:history.go(-1)">向上一页</a>

response.Write("<script

language=javascript>")

response.Write("if(!confirm('完成任务?')){history.back()}")

response.Write("</script>")

response.Write("<script

language=javascript>history.go(-1)</script>")

<a

href="javascript:history.go(-1)">向上一页</a>

//页面跳转:

onclick="window.location.href='list.aspx'"

P.S.

小技巧(JS引用JS):

复制代码

代码如下:

<script

type=text/javascript>

<!--

if

(typeof

SWFObject

==

"undefined")

{

document.write('<scr'

+

'ipt

type="text/javascript"

src="/scripts/swfobject-1.5.js"></scr'

+

'ipt>')}

//-->

</script>

Javascript刷新页面的几种方法:

复制代码

代码如下:

//1

history.go(0)

//2

location.reload()

//3

location=location

//4

location.assign(location)

//5

document.execCommand('Refresh')

//6

window.navigate(location)

//7

location.replace(location)

//8

document.URL=location.href

自动刷新页面的方法:

1.页面自动刷新:把如下代码加入<head>区域中

<meta

http-equiv="refresh"

content="20">

其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入<head>区域中

<meta

http-equiv="refresh"

content="20url=http://www.jb51.net">

其中20指隔20秒后跳转到http://www.jb51.net/tools/files.shtml页面

3.页面自动刷新js版

复制代码

代码如下:

<script

language="JavaScript">

function

myrefresh()

{

window.location.reload()

}

setTimeout('myrefresh()',1000)

//指定1秒刷新一次

</script>

ASP.NET如何输出刷新父窗口脚本语句

复制代码

代码如下:

//1.

this.response.write("<script>opener.location.reload()</script>")

//2.

this.response.write("<script>opener.window.location.href

=

opener.window.location.href</script>")

//3.

Response.Write("<script

language=javascript>opener.window.navigate(''你要刷新的页.asp'')</script>")

JS刷新框架的脚本语句

复制代码

代码如下:

//如何刷新包含该框架的页面用

<script

language=JavaScript>

parent.location.reload()

</script>

//子窗口刷新父窗口

<script

language=JavaScript>

self.opener.location.reload()

</script>

( 或 <a

href="javascript:opener.location.reload()">刷新</a>

)

//如何刷新另一个框架的页面用

<script

language=JavaScript>

parent.另一FrameID.location.reload()

</script>

如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。

复制代码

代码如下:

<body

onload="opener.location.reload()">

开窗时刷新

<body

onUnload="opener.location.reload()">

关闭时刷新

<script

language="javascript">

window.opener.document.location.reload()

</script>