Home  >  Article  >  Web Front-end  >  Javascript refresh page method and location.reload() usage introduction

Javascript refresh page method and location.reload() usage introduction

小云云
小云云Original
2018-02-03 11:31:038681browse

This article mainly introduces to you the Javascript refresh page method and the usage of location.reload(). I hope this article can help you. Friends in need can refer to it. I hope it can help you.

Several ways to refresh the page using 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

Method to automatically refresh the page:

1. Automatically refresh the page: Add the following code to the 93f0f5c25f18dab9d176bd4f6de5d30e area


<meta http-equiv="refresh" content="20">

The 20 refers to refreshing the page every 20 seconds.

2. The page automatically jumps: add the following code to the 93f0f5c25f18dab9d176bd4f6de5d30e area


<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">

The 20th finger will jump to the http://www.wyxg.com page after 20 seconds

3. The page will automatically Refresh the js version


<mce:script language="JavaScript"><!-- 
  
function myrefresh()  
{  
    window.location.reload();  
}  
setTimeout(&#39;myrefresh()&#39;,1000); //指定1秒刷新一次  
// --></mce:script>

In JavaScript programming, location.reload is often used to refresh the page.

Example:

window.location.href=window.location.href;
window.location.reload;

After testing, these two sentences can replace location.reload(true);
in some cases without a retry dialog box to achieve the refresh effect.

There are many ways to refresh the page in js. There is a location.reload() function in js, which can achieve the function we want.
window.location.reload(true) //The browser re-requests resources from the server, and the cache tag will not be included in the http request header.

Example 1, refresh the current page

   
<script>
window.location.reload();
</script>

Example 2, JS method to refresh iframe
Use iframe’s name attribute positioning

   
<input type="button" name="Button" value="Button" onclick="document.frames(&#39;ifrmname&#39;).location.reload()">
或
<input type="button" name="Button" value="Button" onclick="document.all.ifrmname.document.location.reload()">

Example 3, first, define an iframe

<iframe method="post" id ="IFrameName" src="aa.htm" ></iframe>

aa.htm page content:

<input type ="button" value ="刷新" onclick ="aa()"/>
function aa() { (php中文网 www.php.cn 编辑整理)
//parent.location.replace(parent.location.href);//服务器端重新创建页面
parent.document.location.reload();//相当于F5
//window.location.href(parent.location.href);//iframe内容重定向
}

Note:
window.location. reload;
If you submit data during refresh, a dialog box will appear!

Solution:

   
window.location.href=window.location.href;
window.location.reload;

Refresh the parent window:

window.opener.location.href=window.opener.location.href;
window.opener.location.reload();

Related recommendations:

How to refresh the page in Javascript Detailed explanation of the example

Using JavaScript to preview and upload images without refreshing the page tutorial

JS refreshes the page sum! Various JS refresh page codes!

The above is the detailed content of Javascript refresh page method and location.reload() usage introduction. 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