文档章节

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

没有更多内容

加载失败,请刷新页面

加载更多

技术工坊|如何降低区块链应用的使用门槛(上海)

当区块链技术从专业研究走向市场应用,开发者需要考虑用户的使用场景和使用门槛,例如通过ETH支付gas手续费,或者注册一个16进制的用户名,普通用户都难以接受。 10月20日,HiBlock区块链社区...

HiBlock
2分钟前
0
0
Daemon线程--《Java并发编程的艺术》学习笔记

daemon线程即守护线程 当一个JVM中不存在非Daemon线程时,JVM将会退出 也就是说当非Daemon线程都执行完毕时,java程序也就结束了。 可以通过调用Thread.setDaemon(true)将线程设置为Daemon线...

karma123
8分钟前
0
0
scala类型参数的上界和下界

class Pair[T <: Comparable[T]](val first:T,val second:T) //类型T必须要是Comparable接口的子类(即T是Comparable的下界){ def bigger = if(first.compareTo(second) > 0) first e......

whoisliang
19分钟前
0
0
Vue中路由管理器Vue Router使用介绍(一)

一、在模块编程中安装VueRouter 1.Npm安装vue-router npm install vue-router 2.在main.js中引用并使用VueRouter import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(Vu......

tianma3798
20分钟前
0
0
TypeScript基础入门之声明合并(一)

转发 TypeScript基础入门之声明合并(一) 声明合并 介绍 TypeScript中的一些独特概念描述了类型级别的JavaScript对象的形状。 TypeScript特别独特的一个例子是"声明合并"的概念。 在使用现有J...

durban
35分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部