JavaScript重新整理頁面代碼詳解

最後更新：2017-01-13 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

先來給大家簡單介紹一些重新整理頁面語句

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

定時頁面自動重新整理js版

程式碼

代碼如下	複製代碼
<meta http-equiv="refresh" content="20">

或這樣寫

代碼如下	複製代碼
<script language="Javascript"> function myrefresh() { window.location.reload(); } setTimeout('myrefresh()',1000); //指定1秒重新整理一次 </script>

window.location.Reload()和window.location.href=window.location.href;

代碼如下

複製代碼

測試效果一樣。表單沒有提交。

代碼如下	複製代碼
<input type="submit" onclick="javascript:window.location.reload();" value="單擊" id="btnVCode" /> <input type="submit" onclick="javascript:window.location.href=window.location.href;" value="單擊" id="btnVCode" />

都提交資料

window.location.Reload()應該是重新整理.(如果有資料提交的話，會提示是否提交的(是和否選項))
window.location.href=window.location.href; 是定向url提交資料

最好不要用location.reload()，而用location=location比較好，還有在強制回應視窗（showModalDialog和showModelessDialog）前者不能用。

js重新整理視窗:window.location.replace(window.location.href)

代碼如下

複製代碼

window.location.reload();

window.history.go(0);

window.location.assign(window.location.href)

window.location.href和window.location.replace的區別:

1.html -> 2.html -> 3.html

系統從1.html到2.html後，2中有兩個按鈕，btn1是window.location.href=3.html, btn2是window.location.replace(3.html), 當點擊btn1後在3中用window.history.go(-1);window.history.back();返回的是1.html,

而點擊btn2進入3時，用window.history.go(-1);wondow.history.back();返回的是2.html

window.location.href和window.location.replace的親身體驗與區別

當用window.location.href是使用window.history.go(-1)或window.history.back()是管用的

當用window.location.replace('url')是使用window.history.go(-1)或window.history.back()是不管用的

window.location.replace("3.jsp");是不向伺服器發送請求的跳轉

window.history.go(-1);window.history.back();方法是根據伺服器記錄的請求決定該跳到哪個頁面的

window.location.href("3.jsp");是向伺服器發送請求的跳轉，window.history.go(-1);wondow.history.back();方法是根據伺服器記錄的請求決定該跳到哪個頁面的

JS重新整理架構的指令碼語句：

代碼如下

複製代碼

//如何重新整理包含該架構的頁面用
<script language=JavaScript>
parent.location.reload();
</script>
//子視窗重新整理父視窗
<script language=JavaScript>
self.opener.location.reload();
</script>
(或<a href="javascript:opener.location.reload()">重新整理</a>)
//如何重新整理另一個架構的頁面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>

如果想關閉視窗時重新整理或者想開窗時重新整理的話，在<body>中調用以下語句即可：

代碼如下	複製代碼
<body onload="opener.location.reload()"> 開窗時重新整理 <body onUnload="opener.location.reload()"> 關閉時重新整理 <script language="javascript"> window.opener.document.location.reload() </script>

重新整理另一個架構的頁面

語句1. window.parent.frames[1].location.reload();
語句2. window.parent.frames.bottom.location.reload();
語句3. window.parent.frames["bottom"].location.reload();
語句4. window.parent.frames.item(1).location.reload();
語句5. window.parent.frames.item('bottom').location.reload();
語句6. window.parent.bottom.location.reload();
語句7. window.parent['bottom'].location.reload();

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More