淺析JS刷新框架中的其他頁面 && JS刷新視窗方法總結_javascript技巧

先來看一個簡單的例子：
以下以三個頁面分別命名為frame.html、top.html、bottom.html為例來具體說明如何做。
frame.html 由上(top.html)下(bottom.html)兩個頁面組成，程式碼如下：

複製程式碼 程式碼如下:

frame TITLE >
HEAD >




frameset >
HTML >

現在假設top.html (即上面的頁面) 有七個button來實現對bottom.html (即下面的頁) 的刷新，可以用以下七種語句，哪個好用自己看著辦了。
語句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();
top.html 頁面的程式碼如下：

複製程式碼

複製程式碼



複製程式碼



複製程式碼


程式碼如下:

   top.html TITLE >
HEAD >

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

bottom.html 頁面的代碼如下：






複製代碼

代碼如下: LE bottom.html TITLE > HEAD > This is the content in bottom.html. 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)
8  document.URL=location.href
自動刷新頁面的方法:
1.頁面自動刷新：以下程式碼加入區域中

其中20指每隔20秒刷新一次頁面.
2.頁面自動跳轉：如下碼加入區域中

其中20指隔20秒後跳到http://www.jb51.net頁面
3.頁面自動刷新js版

ASP.NET如何輸出刷新父視窗腳本語句
1.this .response.write("<script>opener.location.reload();</script>"); 
2.this.response.write("<script>opener.window.location.href = opener.window .location.href;</script>");  
3.Response.Write("")
JS刷新框架的腳本語句
//如何刷新包含該框架的頁面用  
  
//子視窗刷新父親視窗

(　或刷新    )
//如何刷新另一個框架的頁面用  

如果想關閉視窗時刷新或想開窗時刷新的話，在中呼叫以下語句即可。
開窗時刷新
關閉時刷新

在彈出視窗的BODY中加入 onUnload="window.opener.location .reload();" 關閉彈出視窗則自動刷新父視窗.