网页中通过js修改img的src属性刷新图片

JavaScript011

网页中通过js修改img的src属性刷新图片,第1张

业务：采购业务流程中当财务人员打款后需要将打款流水图片上传到ftp服务器上。可是有时会上传出错。所以这里需要一个修改的图片的按钮。问题：当img的src的URL地址与之前相同（只更改图片，名称不变，不同图片相同名称）时，结果图片不变化，还是之前的图片。但通过chrome调试发现图片确实是变化的。那造成这个问题的原因时什么呢？方法：只需要每次刷新图片时，在img的src地址后面拼接一个随机数即可。例子：原有图片地址：<img src="http://img.boredou.com/1234556788.jpg" /> 修改后图片地址：<img src="http://img.boredou.com/1234556788.jpg?23333333" /> 原理：经过在浏览起端调试，发现当src的地址不变时，浏览器会从缓存里面取出来。而浏览器缓存的还是之前的图片。所以图片不会变化。 而当img的src中拼接了随机参数，那么浏览器会认为这是一张新的图片（或者说访问了不同的路径），浏览器每次访问都会访问服务器，而不会访问缓存里数据。

做网页定时刷新图片的方法：

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刷新页面的几种方法：

1history.go(0)

2location.reload()

3location=location

4location.assign(location)

5document.execCommand('Refresh')

6window.navigate(location)

7location.replace(location)

8document.URL=location.href

自动刷新页面的方法:

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

<meta http-equiv="refresh" content="20">

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

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

<meta http-equiv="refresh" content="20url=http://www.javaeye.com">

其中20指隔20秒后跳转到http://www.javaeye.com/页面

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>

document.all("img").src="1.png"都设成1.png

这句不知道你在说什么。

<html>

<head>

<title></title>

<script language="javascript">

var myNum=0

function Init()

{

show2()

setInterval( "show2()", 1000 )

}

function show2()

{

if(myNum == 1)

{

document.getElementsByTagName("img")[0].src="2.jpg"

//document.all("img").src="2.jpg"

myNum=0

}

else

{

//document.all("img").src="2.jpg"

document.getElementsByTagName("img")[0].src="1.jpg"

myNum=1

}

}

</script>

</head>

<body onload="Init()">

<img src="1.jpg">

</body>

</html>

document.all() 得到的应该是一个图片数组，所以应该加个下标就OK了。