Home >Web Front-end >HTML Tutorial >How to refresh the page with a link and refresh the page with js

How to refresh the page with a link and refresh the page with js

不言
不言Original
2018-06-05 10:48:363107browse

刷新页面通常是使用a链接与js刷新,至于两者在使用中的区别,在接下来的文章中有详细的介绍,感兴趣的朋友可以了解下

1、a链接的使用操作:

复制代码

代码如下:

<a href="javascript:history.go(-1);">返回上一页</a> 
<a href="#top">刷新当前页</a>

#top的效果在我这没起作用,我直接写的8fb0647cc270c6c60ce1679670afa6fc刷新当前页5db79b134e9f6b82c0b36e0489ee08ed倒是起作用了。

2.、JS怎么刷新当前页面

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刷新页面的几种方法:

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.页面自动刷新:把如下代码加入93f0f5c25f18dab9d176bd4f6de5d30e区域中
e1e9bde4ad2e5e5180f8390be8b7a81a
其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入93f0f5c25f18dab9d176bd4f6de5d30e区域中
dbd5b1a4f0a4482d9e9bdc7c7e0f291a
其中20指隔20秒后跳转到http://www.wyxg.com页面

3.页面自动刷新js版

复制代码

代码如下:

<script language="JavaScript"> 
function myrefresh() 
{ 
window.location.reload(); 
} 
setTimeout(&#39;myrefresh()&#39;,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>

如果想关闭窗口时刷新或者想开窗时刷新的话,在6c04bd5ca3fcae76e30b72ad730ca86d中调用以下语句即可。

复制代码

代码如下:

<body onload="opener.location.reload()"> 开窗时刷新 
<body onUnload="opener.location.reload()"> 关闭时刷新 
<script language="javascript"> 
window.opener.document.location.reload() 
</script>

The above is the detailed content of How to refresh the page with a link and refresh the page with js. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn