html 刷新页面,javascript刷新页面的几种方法

JavaScript中可以使用location.reload()、location.replace(location)、history.go(0)等方法手动刷新，也可以通过设定刷新时间来实现自动刷新。

JavaScript页面刷新的方法介绍：

1，reload方法

该方法强迫浏览器刷新当前页面。

语法：location.reload([bForceGet])

参数： bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")

2，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，页面自动刷新：把如下代码加入

区域中

(其中20指每隔20秒刷新一次页面.)

2，页面自动跳转：把如下代码加入

区域中

(其中20指隔20秒后跳转到http://www.baidu.comt页面)

3，页面自动刷新js版

function myrefresh()

{

window.location.reload();

}

setTimeout('myrefresh()',1000); //指定1秒刷新一次

4，JS刷新框架的脚本语句//刷新包含该框架的页面用

parent.location.reload();

//子窗口刷新父窗口

self.opener.location.reload();

(　或　刷新 )

//刷新另一个框架的页面用

parent.另一FrameID.location.reload();

如果想关闭窗口时刷新或想开窗时刷新，在

中调用以下语句即可开窗时刷新

window.opener.document.location.reload()

html 刷新页面,javascript刷新页面的几种方法相关推荐

html页面转换成图片的三种方法——canvas、dom-to-image、html2canvas
html页面转换成图片的三种方法--canvas.dom-to-image.html2canvas canvas绘制网络图片报错(跨域) 使用canvas将html页面转成图片 dom-to-imag ...
html 自动跳转手机版,HTML实现页面自动跳转的五种方法
在上篇文章给大家介绍了HTML页面3秒后自动跳转的三种常见方法,本文继续给大家介绍有关html页面跳转相关知识,一起学习吧. 下面列了五个例子来详细说明,这几个例子的主要功能是:在5秒后,自动跳转到同 ...
html 如何给图片打标签,图文详解HTML页面中添加图片的三种方法
在页面布局时,经常需要在页面中插入图片,那你知道如何在HTML中添加图片吗?这篇文章就给大家介绍HTML页面中插入图片的三种方法,感兴趣的朋友可以参考一下,希望对你有所帮助. 方法一.用HTML中的i ...
多个html如何套用套一个头部,Vue.js项目中管理每个页面的头部标签的两种方法...
在 Vue SPA 应用中,如果想要修改 HTML 的头部标签,如页面的 title ,我们只能去修改 index.html 模板文件,但是这个是全局的修改,如何为每个页面都设置不一样的 title ...
Asp.net页面之间传递参数的几种方法
Asp.net页面之间传递参数的几种方法第一种方法: 通过URL链接地址传递Request.QueryString send.aspx: protected void Button1_Clic ...
小程序页面之间数据传递的五种方法
小程序页面之间数据传递的五种方法目录小程序页面之间数据传递的五种方法 **使用 `wx.navigateTo()` 时,在 url 中拼接,这种方法适用于数据量少的情况** **使用 `wx.na ...
JavaScript 获得对象的N种方法 [转]
JavaScript 获得对象的N种方法 [转] 方法如下: document.getElementById(ID) //获得指定ID值的对象 document.getElementsB ...
JavaScript 数组遍历的五种方法（转）
转自:JavaScript 数组遍历的五种方法这篇文章主要介绍了JavaScript 数组遍历的五种方法,帮助大家更好的理解和学习使用JavaScript,感兴趣的朋友可以了解下在使用 JavaS ...
JavaScript数组去重的五种方法
JavaScript数组去重的五种方法先简单准备一个数组,用于方法的实验: let array = [1,1,2,3,4,4,1,5,6,6,7,7,7]; console.log(`去重前的数组: ...
asp.net 页面之间跳转的几种方法及区别（转）
<a>标签 1. <a href="test.aspx"></a> 2. 这是最常见的一种转向方法; Hyper ...

html 刷新页面,javascript刷新页面的几种方法

html 刷新页面,javascript刷新页面的几种方法相关推荐

最新文章

热门文章