1. 程式人生 > >jquery實現區域性重新整理Iframe

jquery實現區域性重新整理Iframe

1,reload 方法,該方法強迫瀏覽器重新整理當前頁面。

  語法:location.reload([bForceGet])

  引數: bForceGet, 可選引數, 預設為 false,從客戶端快取裡取當前頁。true, 則以 GET 方式,從服務端取最新的頁面, 相當於客戶端點選 F5("重新整理")

1

2

3

<script language="JavaScript">

window.location.reload();

</script>

1

2

3

4

5

6

7

//方法1

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

//方法2

document.getElementById('youriframe').src=src;

例項:

1

2

3

4

5

6

7

8

9

10

<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'));

1

2

3

4

5

6

7

8

9

10

11

12

13

//重新整理包含該框架的頁面用  

<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()已經不能用了

自己驗證

頁面中動態載入子窗體內容的情況,

1

2

3

$("#refresh").click(function(){

parent.location.reload();

});

 重新整理當前子窗體

            $("#refresh").click(function() {
                self.location.reload();
            });

可以工作