文档章节

js返回上一页并刷新的多种实现方法

style_______
 style_______
发布于 2016/12/06 18:45
字数 364
阅读 42
收藏 0

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

<a href="javascript:location.reload()">刷新当前页面</a> 

<a href="javascript:" onclick="history.go(-2); ">返回前两页</a> 

<a href="javascript:" onclick="self.location=document.referrer;">返回上一页并刷新</a> 

<a href="javascript:" onclick="history.back(); ">返回上一页</a> 

页面跳转: 

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

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="10"> 

10指每隔10秒刷新一次页面. 

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

<meta http-equiv="refresh" content="10;url=http://www.baidu.com"> 

10指隔10秒后跳转到http://www.baidu.com页面 

js自动刷新当前页面: 

复制代码 代码如下:

<script language="JavaScript"> 

function myrefresh() 

window.location.reload(); 

setTimeout('myrefresh()',1000); //指定1秒刷新一次 

</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> 

© 著作权归作者所有

共有 人打赏支持
style_______
粉丝 0
博文 7
码字总数 619
作品 0
武汉
前端工程师
使用JavaScript的history对象来实现页面前进后退(go/back/forward)。

我们都知道JavaScript有history对象,主要是用来记录浏览器窗口的浏览记录。但是,JS脚本是不允许访问到这个记录里面的内容(隐私)。 常见的用法是: history.back();//返回上一页,相当于浏...

zerodeng
2015/02/04
0
0
js 返回上一页和刷新_已迁移

Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL...

辣条拌鱼翅
2015/01/01
0
0
Javascript 返回上一页 返回下一页

Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的U...

Fx_demon
2014/12/31
0
0
Javascript:history.go()和history.back()的用法和区别

Javascript:history.go()和history.back()的用法和区别 简单的说就是:go(-1): 返回上一页,原页面表单中的内容会丢失;back(): 返回上一页,原页表表单中的内容会保留。 history.go(-1):后退...

巴顿
2014/04/02
0
0
javascript 返回,自动刷新

1,返回上N页 Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-n); 2,返回下一页 window.history.forward() 3,页面自动刷新 <meta http-equiv="refresh" content="20"> /......

偶尔诗文
2014/06/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

spring 事件

ContextRefreshedEvent Event raised when an {@code ApplicationContext} gets initialized or refreshed. ContextClosedEvent Event raised when an {@code ApplicationContext} gets clos......

Canaan_
35分钟前
1
0
leetcode两数之和

leetcode中求两数之和解决方法 给定一个整数数组和一个目标值,找出数组中和为目标值的两个数。 你可以假设每个输入只对应一种答案,且同样的元素不能被重复利用。 给定 nums = [2, 7, 11, ...

lar555
51分钟前
1
0
js实现限制网页内容复制

转载 在我们做的网页发到网上后,如果访客看到比较喜欢的内容,只要复制就可以变为自己的,自己辛辛苦苦弄半天还不及人家的一下复制,有时为了只让访客看到,而不能让它们复制内容,就用Jav...

lc_comeon
56分钟前
1
0
jenkins将spring boot项目发布到阿里云镜像中

1、spring boot项目 1.1 pom.xml配置 <artifactId>xxx-docker</artifactId><properties><project.build.sourceEncoding>UTF-8</project.build.sourceEncoding><project.reporting.......

xixingzhe
今天
0
0
qsv格式可以在电视上播放吗

  大家都知道qsv格式是爱奇艺的独家缓存格式,是加密的,一般的播放器是无法播放的,只能在爱奇艺播放器上播放,如果想要在电视上播放,就必须要安装爱奇艺播放器,比较麻烦。其实还有一种...

萤火的萤火
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部