细谈JS刷新页面常用方法有哪些

JavaScript019

细谈JS刷新页面常用方法有哪些,第1张

js常见的几种页面刷新方法如下:

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

以上几种方法都是单纯的属性当前页面,如果框架页面中有子页面,只想刷新子页面的时候,可以用以下方法:

top.location.reload() 刷新整页

self.location.reload() 刷新本页

window.location.href="自定义页面地址"

自动刷新页面的方法:

在<head>标签中加入<meta http-equiv="refresh" content="10">

其中content是时间间隔,每10s刷新一次

在body中添加onload="opener.location.reload()",即<body onload="opener.location.reload()">为页面启动时刷新

在body中添加onUnload="opener.location.reload()",即<bodyonUnload="opener.location.reload()">为页面关闭时刷新

页面本身是不具备保存历史数据的功能的,需要借助其它手段来实现,常用方法如下:

异步更新页面。这种方法实际上页面是没有刷新的,通过AJAX导步获取信息来更新页面,这样可以保留原页面需要保留的数据。一些网站的发表评论后,评论内容更新,用的就是这个方法。

使用COOKIE保存。把需要保存的数据存储到COOKIE中,页面更新时,读取COOKIE渲染到页面上。比较常见的如:登录框记录用户名,下次登录无须重新输入。但COOKIE存储的数据量有限,不适合大的数据存储。

服务器端保存数据。与COOKIE保存类似,只不过内容是保存在服务器端,利用会话机制在页面更新时从服务器读取内容重新渲染。这是一种常见的而保险的方法。像一些文本编辑器,保存草稿等,就是通过这样的方式实现的

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>