用Javascript重新整理框架子頁面的七種方法

2021-04-13 04:30:35 字數 1018 閱讀 4662

下面以三個頁面分別命名為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源**;(頁面上有七個按鈕,功能都是重新整理下面的框架頁面) 

以下為引用的內容:

下面是bottom.html頁面源**,為了證明下方頁面的確被重新整理了,在裝載完頁面彈出乙個對話方塊。

以下為引用的內容:

Javascript 重新整理框架及頁面的方法總集

語句1.window.parent.frames 1 location.reload 語句2.window.parent.frames.bottom.location.reload 語句3.window.parent.frames bottom location.reload 語句4.window....

JAVASCRIPT 無重新整理評論

document.createelement 建立乙個新元素 innertext 設定元素的text屬性 innertext會把元素之前的text覆蓋掉,需謹慎使用 介面設計如圖 介面 如下 1 2 table id tablepinglun 3 tr 4 td 小剛說 td 5 td 我是凹凸曼。...

Javascript框架思想

js的學習中,我們總是借鑑或使用jqury,這時候學習前端的工程師們,就想自己封裝乙個,但是封裝屬於自己的框架,確實不太容易,所以,jqury使我們很好的乙個範本,所以,我i門來研究一下jqury的框架思想,同時自己也可以模仿封裝。下面我們學習,封裝選擇器的思想。首先js中的選擇器有 id選擇器,類...