文档章节

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

daisy_s
 daisy_s
发布于 2016/12/06 18:45
字数 364
阅读 65
收藏 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> 

© 著作权归作者所有

daisy_s
粉丝 0
博文 7
码字总数 619
作品 0
武汉
前端工程师
私信 提问
加载中

评论(0)

网页里几种“返回上一页”的方法

在制作网页的时候,经常在网页上要用到“返回上一页”的功能。 这一功能在制作网页的时候会有多种编码方法,在此, 我将比较常用的几种编码的写作方法在下面列出来,供参考使用。 方法一、以...

osc_61rodd1h
2018/08/13
2
0
JS 页面刷新以及页面返回的几种方式

1、通过标签形式的跳转页面 <a class="popup" href="~/WeiXin/Shoppingguide/StockData"></a> 表示跳转的页面 ,<a>标签里面接一个href跳转链接 2、如果是不同的地方进入一个页面,这时候想要......

osc_nd0lr8gs
2019/03/25
4
0
document.referrer和history.go(-1)退回上一页区别

javascript:location=document.referrer;和javascript:history.go(-1);区别: 返回上一页,在PC端我们可以使用:或者 但是在移动端,如果想要返回上一页。比如从A页面跳到B页面,如果B页面想...

osc_5i4e20is
2018/06/22
7
0
javascript解决在safari浏览器中使用history.back()返回上一页后页面不会刷新的问题

我们知道,在JavaScript中提供了一个window.history.back()方法用于返回上一页,另外也可以使用window.history.go(-1)返回上一页(跳转)。 在其他的主流浏览器中(Chrome、Firefox等),使用...

osc_qukgacve
2019/10/15
3
0
js 返回上一页和刷新_已迁移

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

辣条拌鱼翅
2015/01/01
24
0

没有更多内容

加载失败,请刷新页面

加载更多

B站教学,全中文课程:港中文周博磊强化学习课程完结 - 知乎

历时两个多月,本周一,香港中文大学信息工程系助理教授周博磊的中文强化学习课程终于完结了。 机器之心报道,参与:张倩。 作为全国知名的学习网站,我们经常可以在 B 站上看到国内外名师的...

osc_4tfw1dxv
15分钟前
19
0
沈向洋下一站确定:投资并出任News break董事长,亲率「一点资讯美国版」 - 知乎

昨日,前微软全球执行副总裁,微软亚洲研究院院长沈向洋博士宣布就任 News Break 董事长。 机器之心报道,参与:泽南、蛋酱。 这位著名中国籍人工智能高管在离开自己工作了 23 年的微软后,终...

osc_f4kbwieu
16分钟前
33
0
Python、Java、C++一网打尽,这个GitHub项目用多种语言实现经典算法 - 知乎

经典数据结构和算法你了解几个?想去大厂面试?想成为算法工程师?收下这份全面的复习材料。 机器之心报道,参与:Racoon、Jamin。 不想做低级码农,不想成为前端抠图达人或是后台「增删改查...

osc_9fz4iln8
17分钟前
20
0
攻克视频AI界难题,直通芒果TV offer,这场算法大赛你一定不能错过 - 知乎

一场面向顶尖 AI 技术人才的数据竞赛正广募英雄,获奖者不仅有奖金回报,还有机会直接进入芒果 TV 算法岗位面试。首届「马栏山杯」国际音视频算法大赛正在火热进行中。 在当前热门的人工智能...

osc_ocl8o73l
17分钟前
25
0
ES[7.6.x]学习笔记(十二)高亮 和 搜索建议

ES当中大部分的内容都已经学习完了,今天呢算是对前面内容的查漏补缺,把ES中非常实用的功能整理一下,在以后的项目开发中,这些功能肯定是对你的项目加分的,我们来看看吧。 高亮 高亮在搜索...

osc_71qxolcv
18分钟前
25
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部