The most complete js code example for refreshing the current page in 2018-headlines-php.cn

The most complete js code example for refreshing the current page in 2018

PHP中文网

Release： 2018-01-25 14:17:01

Original

3071 people have browsed it

//reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 
//参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。
//true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")
//replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。语法： location.replace(URL)

Copy after login

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, so when the page's method="post" is used, a "webpage expired" prompt will appear. That's because of Session's security protection mechanism. You can think of: When the location.reload() method is called, the aspx page already exists in the server memory, so it must be IsPostback. If there is such an application: We need to reload the page, which means we expect the page to be re-created on the server side, and we expect Not IsPostback. Here, location.replace() can accomplish this task. The replaced page is regenerated on the server every time.

You can write like this:

location.replace(location.href);

Copy after login

Return and refresh the page:

location.replace(document.referrer);
document.referrer //前一个页面的URL

Copy after login

Do not use history.go(-1), or history.back(); to return and refresh the page Refresh the page, these two methods will not refresh the page.

Attachment: 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(&#39;Refresh&#39;)
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href

Copy after login

Methods to automatically refresh the page:

1. Automatically refresh the page: Add the following code < In the head> area

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

Copy after login

20 means the page will be refreshed every 20 seconds.

2. The page will automatically jump: add the following code to the area中

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

Copy after login

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

3. The page automatically refreshes the js version

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

Copy after login

JS script statement to refresh the frame

//How to refresh the page containing the frame using

<script language=JavaScript>
 parent.location.reload();
</script>

Copy after login

//The child window refreshes the parent window

<script language=JavaScript>
 self.opener.location.reload();
</script>

Copy after login

(　OrRefresh )

//How to refresh another frame The page uses

<script language=JavaScript>
 parent.另一FrameID.location.reload();
</script>

Copy after login

If you want to refresh when the window is closed or when the window is opened, just call the following statement in .

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

Copy after login