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

JavaScript011

细谈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()">为页面关闭时刷新

js页面刷新

让页面进行刷新,可以使用 location.reload() 方法,但是这种方法会让页面一直不断的刷新。

这是因为当页面加载完成以后,我们让它刷新一次,那么浏览器就会重新向服务器请求数据,界面会重新加载,然后,加载完成又调用了location.reload()方法,这样就陷入了死循环,一直处于请求然后刷新的状态。

为了解决这样的问题,我们使用下面这种方式:

利用以上方法,在每次进入这个页面的时候,都会绕过浏览器缓存,重新向服务器获取数据。

下面以三个页面分别命名为l l l为例来具体说明如何做

其中l由上下两个页面组成 代码如下

<!DOCTYPE HTML PUBLIC //W C//DTD HTML Transitional//EN ><HTML><HEAD><TITLE>frameDemo </TITLE></HEAD><frameset rows= % % ><frame name=top src= l ><frame name=button src= l ></frameset></HTML>

现在假设l即上面的页面有一个button来实现对下面页面的刷新 可以用以下七种语句 哪个好用自己看着办了

语句 window parent frames[ ] location reload()

语句 window parent frames bottom location reload()

语句 window parent frames[ bottom ] location reload()

语句 windem( ) location reload()

语句 windem( bottom ) location reload()

语句 window parent bottom location reload()

语句 window parent[ bottom ] location reload()

解释一下

window指代的是当前页面 例如对于此例它指的是l页面

parent指的是当前页面的父页面 也就是包含它的框架页面 例如对于此例它指的是l

frames是window对象 是一个数组 代表着该框架内所有子页面

em是方法 返回数组里面的元素

如果子页面也是个框架页面 里面还是其它的子页面 那么上面的有些方法可能不行   l源代码 (页面上有七个按钮 功能都是刷新下面的框架页面)

<!DOCTYPE HTML PUBLIC //W C//DTD HTML Transitional//EN ><HTML><HEAD></HEAD><BODY><input type=button value= 刷新 onclick= window parent frames[ ] location reload() ><br><input type=button value= 刷新 onclick= window parent frames bottom location reload() ><br><input type=button value= 刷新 onclick= window parent frames[ bottom ] location reload() ><br><input type=button value= 刷新 onclick= windem( ) location reload() ><br><input type=button value= 刷新 onclick= windem( bottom ) location reload() ><br><input type=button value= 刷新 onclick= window parent bottom location reload() ><br><input type=button value= 刷新 onclick= window parent[ bottom ] location reload() ><br></BODY></HTML>

下面是l页面源代码 为了证明下方页面的确被刷新了 在装载完页面弹出一个对话框

lishixinzhi/Article/program/Java/Javascript/201311/25475