iframe框架中的頁面重新整理
阿新 • • 發佈：2018-12-22
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()已經不能用了