Js刷新框架頁的代碼_javascript技巧

先來看一個簡單的例子：
下面以三個頁面分別命名為frame.html、top.html、bottom.html為例來具體說明如何做。
frame.html 由上(top.html)下(bottom.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 頁面的代碼如下：
代碼如下:























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

bottom.html 頁面的代碼如下：
代碼如下:

This is the content in bottom.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.頁面自動刷新：把如下代碼加入區域中

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

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

其中20指隔20秒后跳轉到ＨＴＴＰ://www。wyxg。com頁面

3.頁面自動刷新js版
輸出刷新父窗口腳本語句
代碼如下:
1. this.response.write("

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com