js的跳轉

。 reload

reload 方法，該方法強迫瀏覽器刷新當前頁面。

語法：location.reload([bForceGet])

參數： bForceGet，可選參數，默認為 false，從客戶端緩存里取當前頁。true, 則以 GET 方式，從服務端取最新的頁面, 相當于客戶端點擊 F5("刷新")

reload() 方法用于重新加載當前文檔。

如果該方法沒有規定參數，或者參數是 false，它就會用 HTTP 頭 If-Modified-Since 來檢測服務器上的文檔是否已改變。如果文檔已改變，reload() 會再次下載該文檔。如果文檔未改變，則該方法將從緩存中裝載文檔。這與用戶單擊瀏覽器的刷新按鈕的效果是完全一樣的。

2，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，頁面自動刷新：把如下代碼加入<head>區域中

復制代碼代碼如下:

其中20指每隔20秒刷新一次頁面.

2，頁面自動跳轉：把如下代碼加入<head>區域中

復制代碼代碼如下:

其中20指隔20秒后跳轉到http://www.jb51.net頁面

3，頁面自動刷新js版

復制代碼代碼如下:

function myrefresh()

{

window.location.reload();

}

setTimeout('myrefresh()',1000); //指定1秒刷新一次

</script>

4，JS刷新框架的腳本語句

復制代碼代碼如下:

//刷新包含該框架的頁面用

parent.location.reload();

</script>

//子窗口刷新父窗口

self.opener.location.reload();

</script>

(　或　<a href="javascript：opener.location.reload()">刷新</a> )

//刷新另一個框架的頁面用

parent.另一FrameID.location.reload();

</script>

如果想關閉窗口時刷新或想開窗時刷新，在<body>中調用以下語句即可。

復制代碼代碼如下:

<body onload="opener.location.reload()"> 開窗時刷新

<body onUnload="opener.location.reload()"> 關閉時刷新

window.opener.document.location.reload()

</script>

一、先來看一個簡單的例子：

下面以三個頁面分別命名為frame.html、top.html、bottom.html為例來具體說明如何做。

frame.html 由上(top.html)下(bottom.html)兩個頁面組成，代碼如下：

復制代碼代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> frame </TITLE>

</HEAD>

</frameset>

</HTML>

現在假設top.html (即上面的頁面) 有七個button來實現對bottom.html (即下面的頁面) 的刷新，可以用以下七種語句，哪個好用自己看著辦了。

top.html 頁面的代碼如下：

復制代碼代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>

下面是bottom.html頁面源代碼，為了證明下方頁面的確被刷新了，在裝載完頁面彈出一個對話框。

復制代碼代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> bottom.html </TITLE>

</HEAD>

<h1>This is the content in bottom.html.</h1>

</BODY>

</HTML>

解釋一下：

復制代碼代碼如下:

1.window指代的是當前頁面，例如對于此例它指的是top.html頁面。

2.parent指的是當前頁面的父頁面，也就是包含它的框架頁面。例如對于此例它指的是framedemo.html。

3.frames是window對象，是一個數組。代表著該框架內所有子頁面。

4.item是方法。返回數組里面的元素。

5.如果子頁面也是個框架頁面，里面還是其它的子頁面，那么上面的有些方法可能不行。

附：

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.頁面自動刷新：把如下代碼加入<head>區域中

其中20指每隔20秒刷新一次頁面.

2.頁面自動跳轉：把如下代碼加入<head>區域中

其中20指隔20秒后跳轉到http://www.jb51.net頁面

3.頁面自動刷新js版

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

三、java在寫Servler,Action等程序時，要操作返回頁面的話（如談出了窗口，操作完成以后，關閉當前頁面，刷新父頁面）

復制代碼代碼如下:

1 PrintWriter out = response.getWriter();

2 out.write("<script type=\"text/javascript\">");

3 ////子窗口刷新父窗口

4 out.write("self.opener.location.reload();");

5 //關閉窗口

6 out.write("window.opener=null;");

7 out.write("window.close();");

8 out.write("</script>");

四、JS刷新框架的腳本語句

1.如何刷新包含該框架的頁面用

復制代碼代碼如下:

parent.location.reload();

</script>

JavaScript 中，有幾種方式可以實現刷新頁面的操作，以下是其中一些常見的方法：

1. 使用location對象：

```javascript

// 刷新當前頁面

location.reload();

// 強制從服務器重新加載頁面，不使用緩存

location.reload(true);

```

2. 使用location.href：

```javascript

// 通過修改當前 URL 來刷新頁面

location.href = location.href;

```

3. 使用history對象：

```javascript

// 刷新當前頁面

history.go(0);

```

4. 使用location.replace：

```javascript

// 刷新當前頁面，類似于location.reload()

location.replace(location.pathname + location.search);

```

5. 通過按鈕的點擊事件觸發刷新：

```javascript

// HTML 中添加一個按鈕

// <button id="refreshButton">刷新頁面</button>

// JavaScript 中給按鈕添加點擊事件

document.getElementById('refreshButton').addEventListener('click', function() {

// 刷新頁面

location.reload();

});

```

這些方法可以根據具體需求選擇使用。請注意，有些刷新方式可能會重新加載頁面并清除所有狀態，而有些則可能從緩存中加載頁面。在使用時需要根據實際情況選擇合適的方法。

言

刷新頁面是我們前端er經常做的事情，用js刷新方法還是很多的，本文整理下。

這里重點說下下面兩個方法：

location.reload

語法：location.reload(force) ；

參數： force，可選參數，默認為 false。

如果把該方法的參數設置為 true，那么無論文檔的最后修改日期是什么，它都會繞過緩存，從服務器上重新下載該文檔。這與用戶在單擊瀏覽器的刷新按鈕時按住 Shift 健的效果是完全一樣。

location.replace

replace() 方法不會在 History 對象中生成一個新的記錄。當使用該方法時，新的 URL 將覆蓋 History 對象中的當前記錄。被replace的頁面每次都在服務端重新生成。可以如下這么寫：

返回并刷新頁面

注意，history.go(-1)或者 history.back()不會刷新頁面。

其他：

別的沒了吧

下面來來看看自動刷新頁面的方法總結:

自動刷新：

把上面代碼加入<head>區域，其中20指每隔20秒刷新一次頁面

自動跳轉：

把上面代碼加入<head>區域，其中20指隔20秒后跳轉到百度

也可以自己利用上邊總結的方法自己封裝一個刷新

再來看看js如何刷新框架

關閉窗口時刷新或者打開窗時刷新

在線咨詢

上一篇：css+JavaScript實現的二級導航菜單html頁面前端源碼
下一篇：ios移動H5原生textarea你必須加的attribute和css

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

js的 跳轉

言

location.reload

location.replace

下面來來看看自動刷新頁面的方法總結:

再來看看js如何刷新框架

您的項目需求

js的跳轉