自动刷新网页,自动刷新当前页面,JS调用


Posted in Javascript onJune 24, 2013

reload 方法,该方法强迫浏览器刷新当前页面。
语法:location.reload([bForceGet])                                                                                                                           参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")

replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。
语法: location.replace(URL)  

在实际应用的时候,重新刷新页面的时候,我们通常使用: location.reload() 或者是 history.go(0) 来做。因为这种做法就像是客户端点F5刷新页面,所以页面的method="post"的时候,会出现"网页过期"的提示。那是因为Session的安全保护机制。可以想到: 当调用 location.reload() 方法的时候, aspx页面此时在服务端内存里已经存在, 因此必定是 IsPostback 的。如果有这种应用: 我们需要重新加载该页面,也就是说我们期望页面能够在服务端重新被创建, 我们期望是 Not IsPostback 的。这里,location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。

你可以这么写: location.replace(location.href);

返回并刷新页面:

location.replace(document.referrer);
document.referrer //前一个页面的URL

不要用 history.go(-1),或 history.back();来返回并刷新页面,这两种方法不会刷新页面。

附:
Javascript刷新页面的几种方法:

    history.go(0)
    location.reload()
    location=location
    location.assign(location)
    document.execCommand('Refresh')
    window.navigate(location)
    location.replace(location)
    document.URL=location.href

自动刷新页面的方法:
1.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=https://3water.com">
其中20指隔20秒后跳转到https://3water.com页面

3.页面自动刷新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中==与===操作符的比较
Mar 21 Javascript
实现只能输入数字的input不用replace方法
Sep 12 Javascript
JavaScript通过prototype给对象定义属性用法实例
Mar 23 Javascript
JS打字效果的动态菜单代码分享
Aug 21 Javascript
全面解析Bootstrap排版使用方法(文字样式)
Nov 30 Javascript
js阻止浏览器默认行为的简单实例
May 15 Javascript
Angular ElementRef简介及其使用
Oct 01 Javascript
vue调试工具vue-devtools安装及使用方法
Nov 07 Javascript
vue-cli脚手架打包静态资源请求出错的原因与解决
Jun 06 Javascript
详解搭建一个vue-cli的移动端H5开发模板
Jan 17 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
Feb 10 Javascript
如何用JavaScipt测网速
May 09 Javascript
jquery中的事件处理详细介绍
Jun 24 #Javascript
模拟电子签章盖章效果的jQuery插件源码
Jun 24 #Javascript
Js注册协议倒计时的小例子
Jun 24 #Javascript
通过JavaScript使Div居中并随网页大小改变而改变
Jun 24 #Javascript
jquery入门必备的基本认识及实例(整理)
Jun 24 #Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
Jun 24 #Javascript
解析js如何获取当前url中的参数值并复制给input
Jun 23 #Javascript
You might like
phpadmin如何导入导出大数据文件及php.ini参数修改
2013/02/18 PHP
PHP的Yii框架中创建视图和渲染视图的方法详解
2016/03/29 PHP
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
PHP单例模式模拟Java Bean实现方法示例
2018/12/07 PHP
JavaScript 处理Iframe自适应高度(同或不同域名下)
2013/03/29 Javascript
javascript折半查找详解
2015/01/26 Javascript
jquery图片切换实例分析
2015/04/15 Javascript
移动Web中图片自适应的两种JavaScript解决方法
2015/06/18 Javascript
js多功能分页组件layPage使用方法详解
2016/05/19 Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
2016/10/15 Javascript
Bootstrap CSS组件之导航(nav)
2016/12/17 Javascript
微信小程序wx.previewImage预览图片实例详解
2017/12/07 Javascript
React 高阶组件入门介绍
2018/01/11 Javascript
用jQuery将JavaScript对象转换为querystring查询字符串的方法
2018/11/12 jQuery
JavaScript创建、读取和删除cookie
2019/09/03 Javascript
JS操作JSON常用方法(10w阅读)
2020/12/06 Javascript
跟老齐学Python之画圈还不简单吗?
2014/09/20 Python
200行自定义python异步非阻塞Web框架
2017/03/15 Python
python 筛选数据集中列中value长度大于20的数据集方法
2018/06/14 Python
基于python绘制科赫雪花
2018/06/22 Python
对Python中创建进程的两种方式以及进程池详解
2019/01/14 Python
Numpy与Pytorch 矩阵操作方式
2019/12/27 Python
Pytorch对Himmelblau函数的优化详解
2020/02/29 Python
python实现人机五子棋
2020/03/25 Python
浅谈tensorflow使用张量时的一些注意点tf.concat,tf.reshape,tf.stack
2020/06/23 Python
德国隐形眼镜店:LuckyLens
2018/07/29 全球购物
Lowe’s加拿大:家居装修、翻新和五金店
2019/12/06 全球购物
国际商务系学生个人的自我评价
2013/11/26 职场文书
销售部主管岗位职责
2013/12/18 职场文书
财政局长自荐信范文
2013/12/22 职场文书
公司行政经理岗位职责
2013/12/24 职场文书
初中优秀班集体申报材料
2014/05/01 职场文书
珍爱生命演讲稿
2014/05/10 职场文书
男人帮观后感
2015/06/18 职场文书
教师信息技术学习心得体会
2016/01/21 职场文书
合理缓解职场压力,让你随时保持最佳状态!
2019/06/21 职场文书