A link refresh page and js refresh page usage examples
|
1. How to use the link: Copy code The code is as follows:<a href="javascript:history.go(-1);">Return to the previous page</a> <a href="#top">Refresh current page</a> The #top effect didn't work for me, but it worked when I directly wrote <a href="">Refresh current page</a>. 2. How to refresh the current page with JS The reload method forces the browser to refresh the current page. Syntax: location.reload([bForceGet]) Parameter: bForceGet, optional parameter, default is false, get the current page from the client cache. true, then the latest page is retrieved from the server using GET, which is equivalent to the client clicking F5 ("refresh") The replace method replaces the item currently cached in the history (client) by the specified URL. Therefore, after using the replace method, you cannot access the replaced URL by "forward" and "backward". Syntax: location.replace(URL) In actual application, when refreshing the page, we usually use: location.reload() or history.go(0) to do it. Because this approach is like the client clicking F5 to refresh the page, when the page method="post", a "page expired" prompt will appear. That's because of the Session security protection mechanism. It can be imagined that: when the location.reload() method is called, the aspx page already exists in the server's memory, so it must be IsPostback. If there is such an application: We need to reload the page, that is, we expect the page to be recreated on the server, and we expect it to be Not IsPostback. Here, location.replace() can accomplish this task. The replaced page is regenerated on the server each time. You can write: location.replace(location.href); Go back and refresh the page: Copy code The code is as follows:location.replace(document.referrer); document.referrer //URL of the previous page Do not use history.go(-1) or history.back(); to return and refresh the page. These two methods will not refresh the page. Attachment: Several ways to refresh the page with 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 How to automatically refresh the page: 1. Automatic page refresh: Add the following code to the <head> area <meta http-equiv="refresh" content="20"> 20 means refreshing the page every 20 seconds. 2. Automatic page jump: Add the following code to the <head> area <meta http-equiv="refresh" content="20;url=http://www.wyxg.com"> 20 means jumping to http://www.wyxg.com after 20 seconds. 3. Page automatic refresh js version Copy code The code is as follows:<script language="JavaScript"> function myrefresh() { window.location.reload(); } setTimeout('myrefresh()',1000); //Specify refresh once every 1 second </script> JS refresh frame script statement Copy code The code is as follows://How to refresh the page containing the frame <script language=JavaScript> parent.location.reload(); </script> //The child window refreshes the parent window <script language=JavaScript> self.opener.location.reload(); </script> (or <a href="javascript:opener.location.reload()">refresh</a> ) //How to refresh the page of another frame <script language=JavaScript> parent.anotherFrameID.location.reload(); </script> If you want to refresh when closing the window or when opening the window, just call the following statement in <body>. Copy code The code is as follows:<body onload="opener.location.reload()"> Refresh when opening the window <body onUnload="opener.location.reload()"> Refresh on close <script language="javascript"> window.opener.document.location.reload() </script> |
<<: Problems and solutions for deploying Nginx+KeepAlived cluster dual-active architecture in VMware
>>: 30 excellent examples of color matching in web design
Recommend
Problems and solutions of using TweenMax animation library in angular
I have nothing to do recently, so I tinker with C...
Meta declaration annotation steps
Meta declaration annotation steps: 1. Sort out all...
Pure CSS to achieve the water drop animation button in Material Design
Preface You should often see this kind of special...
HTML table markup tutorial (6): dark border color attribute BORDERCOLORDARK
In a table, you can define the color of the lower...
How to change mysql password under Centos
1. Modify MySQL login settings: # vim /etc/my.cnf...
Solution to forgetting mysql database password
You may have set a MySQL password just now, but f...
MySQL query statement process and basic concepts of EXPLAIN statement and its optimization
The performance of your website or service depend...
Several situations where div is covered by iframe and their solutions
Similar structures: Copy code The code is as foll...
The architecture and practice of synchronizing Meituan DB data to the data warehouse
background In data warehouse modeling, the origin...
How to use CSS attribute value regular matching selector (tips)
There are three types of attribute value regular ...
Process analysis of deploying ASP.NET Core applications on Linux system Docker
Table of contents 1. System environment 2. Operat...
Mysql queries the transactions being executed and how to wait for locks
Use navicat to test and learn: First use set auto...
Oracle VM VirtualBox installation of CentOS7 operating system tutorial diagram
Table of contents Installation Steps Environment ...
MySQL startup error 1067 and invalid recovery after changing character set and restarting
Downloaded the unzipped version of mysql-5.6.37-w...
Using js to achieve waterfall effect
This article example shares the specific code of ...