首頁 >web前端 >js教程 >js刷新框架子頁面

js刷新框架子頁面

巴扎黑
巴扎黑原創
2016-11-25 13:42:561029瀏覽

js刷新框架子頁面的七種方法 
面以三個頁面分別命名為framedemo.html,top.html,button.html為例來具體說明如何做。
其中framedemo.html由上下兩個頁面組成,程式碼如下: 
 
 

 
 
 
 
 

 
 
現在假設top.html即上面的頁面有一個button來實現對下面頁面的刷新,可以用以下七種語句,哪個好用自己看著辦了。
語句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(); 
解釋: 
1.window指涉的是當前頁面,例如對於此範例它指的是top.html頁面。 
2.parent指的是目前頁面的父頁面,也就是包含它的框架頁。例如對此例它指的是framedemo.html。 
3.frames是window對象,是一個陣列。代表著該框架內所有子頁面。 
4.item是方法。傳回數組裡面的元素。 
5.如果子頁面也是個框架頁面,裡面還是其它的子頁面,那麼上面的有些方法可能不行。 
top.html原始碼;(頁上有七個按鈕,功能都是刷新下面的框架頁)
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:JavaScript對象下一篇:JavaScript對象