html框架的重新整理技術

2021-05-25 20:36:37 字數 2541 閱讀 6121

下面以三個頁面分別命名為framedemo.html,top.html,button.html為例來具體說明如何做。

其中framedemo.html由上下兩個頁面組成,**如下:

以下是引用片段:

code:

"-//w3c">   

"50%,50%">   

"top.html">   

"button.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源**;(頁面上有七個按鈕,功能都是重新整理下面的框架頁面)

以下是引用片段:

code:

>

<

html

>

<

head

>

head

>

<

body

>

<

inputtype

inputtype=buttonvalue="重新整理1"onclick="window.parent.frames[1].location.reload()"

>

<

br>

<

inputtype

inputtype=buttonvalue="重新整理2"onclick="window.parent.frames.bottom.location.reload()"

>

<

br>

<

inputtype

inputtype=buttonvalue="重新整理3"onclick="window.parent.frames['bottom'].location.reload()"

>

<

br>

<

inputtype

inputtype=buttonvalue="重新整理4"onclick="window.parent.frames.item(1).location.reload()"

>

<

br>

<

inputtype

inputtype=buttonvalue="重新整理5"onclick="window.parent.frames.item('bottom').location.reload()"

>br>

<

inputtype

inputtype=buttonvalue="重新整理6"onclick="window.parent.bottom.location.reload()"

>

<

br>

<

inputtype

inputtype=buttonvalue="重新整理7"onclick="window.parent['bottom'].location.reload()"

>

<

br>

body

>

html

>

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

以下是引用片段:

code:

>

<

html

>

<

head

>

head

>

<

bodyonload

bodyonload="alert('我被載入了!')"

>

<

h1>thisisthecontentinbutton.html.

h1>

body

>

html

>

**:

html框架的重新整理技術

下面以三個頁面分別命名為framedemo.html,top.html,button.html為例來具體說明如何做。其中framedemo.html由上下兩個頁面組成,如下 以下是引用片段 code w3c 50 50 top.html button.html 現在假設top.html即上面的頁面有...

Ajax無重新整理技術

1.ajax物件 xmlhttprequest xht 2.ajax屬性 readystate 存有 xmlhttprequest 的狀態。從 0 到 4 發生變化。status 200 ok 404 未找到頁面 responsetext 獲得字串形式的響應資料。respon ml 獲得 xml 形...

AJAX 非同步重新整理技術

大家都知道,可以用表單把jsp頁面的值提交到後台,但是還有另外一種方式,就是用ajax 非同步重新整理技術 把jsp頁面提交到後台,今天我就給大家講講如何用ajax 非同步重新整理技術 把jsp頁面提交到後台,他們兩個其實是一起用的,你不用ajax的時候你的表單裡面只能有乙個提交按鈕,多個的話就無法...