Home > Web Front-end > JS Tutorial > body text

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

小云云
Release: 2018-02-03 11:31:03
Original
8685 people have browsed it

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 area


<meta http-equiv="refresh" content="20">
Copy after login

The 20 refers to refreshing the page every 20 seconds.

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


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

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>
Copy after login

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

Example:

window.location.href=window.location.href;
window.location.reload;
Copy after login

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>
Copy after login

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()">
Copy after login

Example 3, first, define an iframe

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

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内容重定向
}
Copy after login

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;
Copy after login

Refresh the parent window:

window.opener.location.href=window.opener.location.href;
window.opener.location.reload();
Copy after login

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!

Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!