编程 Javascript

自动刷新网页,自动刷新当前页面,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>

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

在修改准备发的批量美化select+可修改select时，在非IE下发现了几个问题

Jan 09 Javascript

javascript 学习之旅（1）

Feb 05 Javascript

jQuery插件开发基础简单介绍

Jan 07 Javascript

display和visibility的区别示例介绍

Feb 26 Javascript

纯js和css完成贪吃蛇小游戏demo

Sep 01 Javascript

在JavaScript中调用Java类和接口的方法

Sep 07 Javascript

Vue2.X 通过AJAX动态更新数据

Jul 17 Javascript

vue中的自定义分页插件组件的示例

Aug 18 Javascript

vue-cli脚手架的安装教程图解

Sep 02 Javascript

详解Next.js页面渲染的优化方案

Jan 27 Javascript

vue+elementUI组件table实现前端分页功能

Nov 15 Javascript

在Vue.js中使用TypeScript的方法

Mar 19 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