文档章节

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

style_______
 style_______
发布于 2016/12/06 18:45
字数 364
阅读 43
收藏 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:history.go()和history.back()的用法和区别

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

巴顿
2014/04/02
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 返回,自动刷新

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

没有更多内容

加载失败,请刷新页面

加载更多

Confluence 6 自定义你的空间

通过对你的空间进行界面的自定义能够让你的空间更加出类拔萃。 如果你具有空间管理员权限,你可以修改你空间的颜色配色,添加你自己的空间标识,选择是否在你空间中显示边栏。或者你可以进入...

honeymose
今天
1
0
Ubuntu18.04 安装MySQL

1.安装MySQL sudo apt-get install mysql-server 2.配置MySQL sudo mysql_secure_installation 3.设置MySQL非root用户 设置原因:配置过程为系统root权限,在构建MySQL连接时出现错误:ERROR...

AI_SKI
今天
3
0
3.6 rc脚本(start方法) 3.7 rc脚本(stop和status方法) 3.8 rc脚本(以daemon方式启动)

3.6-3.7 rc脚本(start、stop和status方法) #!/usr/bin/env python# -*- coding: utf-8 -*-# [@Version](https://my.oschina.net/u/931210) : python 2.7# [@Time](https://my.oschina.......

隐匿的蚂蚁
今天
3
0
Cnn学习相关博客

CNN卷积神经网络原理讲解+图片识别应用(附源码) 笨方法学习CNN图像识别系列 深度学习图像识别项目(中):Keras和卷积神经网络(CNN) 卷积神经网络模型部署到移动设备 使用CNN神经网络进行...

-九天-
昨天
5
0
flutter 底部输入框 聊天输入框 Flexible

想在页面底部放个输入框,结果键盘一直遮住了,原来是布局问题 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("评论"), ...

大灰狼wow
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部