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

JS刷新框架中的其他頁面 && JS刷新窗口方法匯總

2013-11-15 12:13:04  來源: JSP教程 

  先來看一個簡單的例子
下面以三個頁面分別命名為framehtmltophtmlbottomhtml為例來具體說明如何做
framehtml 由上(tophtml)下(bottomhtml)兩個頁面組成代碼如下

復制代碼 代碼如下:
<! DOCTYPE HTML PUBLIC "//WC//DTD HTML Transitional//EN" >
< HTML >
< HEAD >
< TITLE > frame </ TITLE >
</ HEAD >
< frameset rows ="%%" >
< frame name =top   src ="tophtml" >
< frame name =bottom   src ="bottomhtml" >
</ frameset >
</ HTML >

  
現在假設tophtml (即上面的頁面) 有七個button來實現對bottomhtml (即下面的頁面) 的刷新可以用以下七種語句哪個好用自己看著辦了
語句 windowparentframes[]locationreload();
語句 windowparentframesbottomlocationreload();
語句 windowparentframes["bottom"]locationreload();
語句 windowparentframesitem()locationreload();
語句 windowparentframesitem(bottom)locationreload();
語句 windowparentbottomlocationreload();
語句 windowparent[bottom]locationreload();
tophtml 頁面的代碼如下

復制代碼 代碼如下:
<! DOCTYPE HTML PUBLIC "//WC//DTD HTML Transitional//EN" >
< HTML >
< HEAD >
   < TITLE > tophtml </ TITLE >
</ 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 ="windowparentframesitem()locationreload()" >< br >
< input type =button value ="刷新" onclick ="windowparentframesitem(bottom)locationreload()" >< br >
< input type =button value ="刷新" onclick ="windowparentbottomlocationreload()" >< br >
< input type =button value ="刷新" onclick ="windowparent[bottom]locationreload()" >< br >
</ BODY >
</ HTML >

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

復制代碼 代碼如下:
 <! DOCTYPE HTML PUBLIC "//WC//DTD HTML Transitional//EN" >
< HTML >
< HEAD >
   < TITLE > bottomhtml </ TITLE >
</ HEAD >
< BODY onload ="alert(我被加載了!)" >
< h > This is the content in bottomhtml </ h >
</ BODY >
</ HTML >

  
解釋一下
window指代的是當前頁面例如對於此例它指的是tophtml頁面
parent指的是當前頁面的父頁面也就是包含它的框架頁面例如對於此例它指的是framedemohtml
frames是window對象是一個數組代表著該框架內所有子頁面
item是方法返回數組裡面的元素
如果子頁面也是個框架頁面裡面還是其它的子頁面那麼上面的有些方法可能不行

Javascript刷新頁面的幾種方法
  historygo()
  locationreload()
  location=location
  locationassign(location)
  documentexecCommand(Refresh)
  windownavigate(location)
  locationreplace(location)
  documentURL=locationhref
自動刷新頁面的方法:
頁面自動刷新把如下代碼加入<head>區域中
<meta httpequiv="refresh" content="">
其中指每隔秒刷新一次頁面
頁面自動跳轉把如下代碼加入<head>區域中
<meta httpequiv="refresh" content=";url=http://wwwjbnet">
其中指隔秒後跳轉到頁面
頁面自動刷新js版
<script language="JavaScript">
function myrefresh()
{
       windowlocationreload();
}
setTimeout(myrefresh()); //指定秒刷新一次
</script>
ASPNET如何輸出刷新父窗口腳本語句
thisresponsewrite("<script>openerlocationreload();</script>"); 
thisresponsewrite("<script>openerwindowlocationhref = openerwindowlocationhref;</script>");  
ResponseWrite("<script language=javascript>openerwindownavigate(你要刷新的頁asp);</script>")
JS刷新框架的腳本語句
//如何刷新包含該框架的頁面用  
<script language=JavaScript>
   parentlocationreload();
</script>  
//子窗口刷新父窗口
<script language=JavaScript>
    selfopenerlocationreload();
</script>
( 或 <a href="javascript:openerlocationreload()">刷新</a>    )
//如何刷新另一個框架的頁面用  
<script language=JavaScript>
   parent另一FrameIDlocationreload();
</script>
如果想關閉窗口時刷新或者想開窗時刷新的話在<body>中調用以下語句即可
<body onload="openerlocationreload()"> 開窗時刷新
<body onUnload="openerlocationreload()"> 關閉時刷新
<script language="javascript">
windowopenerdocumentlocationreload()
</script>
在彈出窗口的BODY中加入 onUnload="windowopenerlocationreload();" 關閉彈出窗口則自動刷新父窗口


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