熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> Javascript >> 正文

js刷新框架子頁面的七種方法

2022-06-13   來源: Javascript 

  下面以三個頁面分別命名為lll為例來具體說明如何做

  其中l由上下兩個頁面組成代碼如下

  <!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>
<HTML>
<HEAD>
<TITLE> frameDemo </TITLE>
</HEAD>
<frameset rows=%%>
<frame name=top src=l>
<frame name=button src=l>
</frameset>
</HTML>

  現在假設l即上面的頁面有一個button來實現對下面頁面的刷新可以用以下七種語句哪個好用自己看著辦了

  語句 windowparentframes[]locationreload();

  語句 windowparentframesbottomlocationreload();

  語句 windowparentframes[bottom]locationreload();

  語句 windem()locationreload();

  語句 windem(bottom)locationreload();

  語句 windowparentbottomlocationreload();

  語句 windowparent[bottom]locationreload();

  解釋一下

  window指代的是當前頁面例如對於此例它指的是l頁面

  parent指的是當前頁面的父頁面也就是包含它的框架頁面例如對於此例它指的是l

  frames是window對象是一個數組代表著該框架內所有子頁面

  em是方法返回數組裡面的元素

  如果子頁面也是個框架頁面裡面還是其它的子頁面那麼上面的有些方法可能不行
  l源代碼(頁面上有七個按鈕功能都是刷新下面的框架頁面)

  <!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>
<HTML>
<HEAD>
</HEAD>
<BODY>
<input type=button value=刷新 onclick=windowparentframes[]locationreload()><br>
<input type=button value=刷新 onclick=windowparentframesbottomlocationreload()><br>
<input type=button value=刷新 onclick=windowparentframes[bottom]locationreload()><br>
<input type=button value=刷新 onclick=windem()locationreload()><br>
<input type=button value=刷新 onclick=windem(bottom)locationreload()><br>
<input type=button value=刷新 onclick=windowparentbottomlocationreload()><br>
<input type=button value=刷新 onclick=windowparent[bottom]locationreload()><br>
</BODY>
</HTML>

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

  <!DOCTYPE HTML PUBLIC //WC//DTD HTML Transitional//EN>
<HTML>
<HEAD>
</HEAD>
<BODY onload=alert(我被加載了!)>
<h>This is the content in l</h>
</BODY>
</HTML>


From:http://tw.wingwit.com/Article/program/Java/Javascript/201311/25475.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.