萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jquery刷新iframe頁面的方法

jquery刷新iframe頁面的方法

   1,reload 方法,該方法強迫浏覽器刷新當前頁面。

  語法:location.reload([bForceGet])

  參數: bForceGet, 可選參數, 默認為 false,從客戶端緩存裡取當前頁。true, 則以 GET 方式,從服務端取最新的頁面, 相當於客戶端點擊 F5("刷新")

 代碼如下   <script language="JavaScript">
window.location.reload();
</script>

  這樣就實現了頁面刷新了,當然還有其它辦法了,那麼要刷新框架頁面我們要如何操作

 代碼如下  
//方法1

document.getElementById('FrameID').contentWindow.location.reload(true);


//方法2
document.getElementById('youriframe').src=src;

  實例:

 代碼如下   <iframe id="myframe" width="100%" frameBorder="0" src="test.html" scrolling="no"></iframe>
<input type="button" onclick="javascript:refreshFrame();" value="Refresh Frame" />
 
<script type="text/javascript">
<!--
function refreshFrame(){
    document.getElementById('myframe').contentWindow.location.reload(true);
}
//-->
</script>

  二。jquery實現強制刷新

  $('#iframe').attr('src', $('#iframe').attr('src'));

  三,如果是打開的新頁面我們要刷新的話可以使用如下代碼來刷親

 代碼如下   //刷新包含該框架的頁面用   
<script language=JavaScript>
   parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
    self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a>   )
//刷新另一個框架的頁面用   
<script language=JavaScript>
   parent.另一FrameID.location.reload();
</script>

  總結:網上一大堆document.frames('ifrmname').location.reload()已經不能用了

copyright © 萬盛學電腦網 all rights reserved