1. 程式人生 > >JS-----重新整理頁面

JS-----重新整理頁面

javascript頁面重新整理的幾種方法

原文:https://www.cnblogs.com/cfinder010/p/3852360.html

javascript refresh page 幾種頁面重新整理的方法

本節內容:Javascript重新整理當前頁面的方法與例項。

window.location.reload(),window.history.go(0)和document.execCommand(''Refresh''),這三個方法是最快速的。其他的都有明顯的瀏覽器滾動條的出現。
Javascript重新整理頁面的幾種方法: 
1 history.go(0)
除非有<%..%>等需在服務端解釋才能生成的頁面程式碼,否則直接讀取快取中的資料
不重新整理
2 location.reload()
要重新連伺服器以讀得新的頁面(雖然頁面是一樣的) 
重新整理
3 location=location
要在javascript中導航,不是呼叫window物件的某個方法,而是設定它的location.href屬性,location屬性是每個瀏覽器都支援的。比如:
<span onclick=”javascript:window.location.href=’#top’”>top</span>
執行後有後退、前進
4 location.assign(location)
載入 URL 指定的新的 HTML 文件。 就相當於一個連結,跳轉到指定的url,當前頁面會轉為新頁面內容,可以點選後退返回上一個頁面。 
5 document.execCommand('Refresh') 
6 window.navigate(location)
MSDN說的window.navigate(sURL)方法是針對IE的,不適用於FF,在HTML DOM Window Object中,根本沒有列出window.navigate方法。
7 location.replace(location)
執行後無後退、前進
通過載入 URL 指定的文件來替換當前文件 ,這個方法是替換當前視窗頁面,前後兩個頁面共用一個
視窗,所以是沒有後退返回上一頁的
8 document.URL=location.href

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

自動重新整理頁面的方法: javascript自動重新整理頁面方法詳解


1.頁面自動重新整理:把如下程式碼加入<head>區域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒重新整理一次頁面.

2.頁面自動跳轉:把如下程式碼加入<head>區域中
<meta http-equiv="refresh" content="20;url=http://www.jbxue.com">
其中20指隔20秒後跳轉到http://www.jbxue.com頁面

3.頁面自動重新整理js版

複製程式碼

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

複製程式碼

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

複製程式碼

//如何重新整理包含該框架的頁面用 
<script language=JavaScript>
parent.location.reload();
</script>

//子視窗重新整理父視窗
<script language=JavaScript>
self.opener.location.reload();
</script> www.jbxue.com
( 或 <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>

複製程式碼