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


Posted in Javascript onFebruary 26, 2014

<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>
Javascript 相关文章推荐
准确获得页面、窗口高度及宽度的JS
Nov 26 Javascript
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
Jul 31 Javascript
JQ获取动态加载的图片大小的正确方法分享
Nov 08 Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
Jun 02 Javascript
Ionic如何创建APP项目
Jun 03 Javascript
Angular2学习笔记——详解路由器模型(Router)
Dec 02 Javascript
使用Node.js实现ORM的一种思路详解(图文)
Oct 24 Javascript
Js判断H5上下滑动方向及滑动到顶部和底部判断的示例代码
Nov 15 Javascript
实例解析ES6 Proxy使用场景介绍
Jan 08 Javascript
vue项目中添加单元测试的方法
Jul 21 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
Aug 28 Javascript
如何使用JS console.log()技巧提高工作效率
Oct 14 Javascript
网站内容禁止复制和粘贴、另存为的js代码
Feb 26 #Javascript
Iframe 自动适应页面的高度示例代码
Feb 26 #Javascript
鼠标滑过出现预览的大图提示效果
Feb 26 #Javascript
简单的邮箱登陆的提示效果类似于yahoo邮箱
Feb 26 #Javascript
javascript中的undefined和not defined区别示例介绍
Feb 26 #Javascript
通过隐藏iframe实现文件下载的js方法介绍
Feb 26 #Javascript
JS获取几种URL地址的方法小结
Feb 26 #Javascript
You might like
php web环境和命令行环境下查找php.ini的位置
2019/07/17 PHP
php面向对象重点知识分享
2019/09/27 PHP
PHP日期和时间函数的使用示例详解
2020/08/06 PHP
Javascript操纵Cookie实现购物车程序
2007/02/15 Javascript
对YUI扩展的Gird组件 Part-1
2007/03/10 Javascript
Exitjs获取DataView中图片文件名
2009/11/26 Javascript
javascript 模拟点击广告
2010/01/02 Javascript
简介AngularJS的视图功能应用
2015/06/17 Javascript
JavaScript File API实现文件上传预览
2016/02/02 Javascript
Vue如何引入远程JS文件
2017/04/20 Javascript
JavaScript学习笔记之函数记忆
2017/09/06 Javascript
vue小图标favicon不显示的解决方案
2017/09/19 Javascript
vue mintui-Loadmore结合实现下拉刷新和上拉加载示例
2017/10/12 Javascript
Angular2整合其他插件的方法
2018/01/20 Javascript
学习使用ExpressJS 4.0中的新Router的用法
2018/11/06 Javascript
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
ES6 Object.assign()的用法及其使用
2020/01/18 Javascript
解决Vue项目中tff报错的问题
2020/10/21 Javascript
小程序组件传值和引入sass的方法(使用vant Weapp组件库)
2020/11/24 Javascript
[03:31]DOTA2英雄基础教程 大地之灵
2013/12/17 DOTA
Python标准库之itertools库的使用方法
2017/09/07 Python
Python及PyCharm下载与安装教程
2017/11/18 Python
python语言线程标准库threading.local解读总结
2019/11/10 Python
在Django中预防CSRF攻击的操作
2020/03/13 Python
解决django中form表单设置action后无法回到原页面的问题
2020/03/13 Python
PyTorch加载自己的数据集实例详解
2020/03/18 Python
jupyter notebook清除输出方式
2020/04/10 Python
如何将tensorflow训练好的模型移植到Android (MNIST手写数字识别)
2020/04/22 Python
详解CSS3中的box-sizing(content-box与border-box)
2019/04/19 HTML / CSS
五分钟学会HTML5的WebSocket协议
2019/11/22 HTML / CSS
澳大利亚第一的设计师礼服租赁网站:GlamCorner
2017/08/13 全球购物
调解员先进事迹材料
2014/02/07 职场文书
让生命充满爱演讲稿
2014/05/10 职场文书
团队激励口号
2014/06/06 职场文书
2019年“我为祖国点赞”演讲稿(3篇)
2019/09/26 职场文书
vue backtop组件的实现完整代码
2021/04/07 Vue.js