jquery实现局部刷新Iframe

系统管理员 2021-09-27 12:54 615阅读 0赞

1，reload 方法，该方法强迫浏览器刷新当前页面。

语法：location.reload(\[bForceGet\])

参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 </td> 
 <td> <code>&lt;script language=</code><code>"JavaScript"</code><code>&gt;</code> <code>window.location.reload();</code> <code>&lt;/script&gt;</code> </td> 
 </tr> 
 </tbody> 
</table>

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 </td> 
 <td> <code>//方法1</code> &nbsp; <code>document.getElementById(</code><code>'FrameID'</code><code>).contentWindow.location.reload(</code><code>true</code><code>);</code> &nbsp; &nbsp; <code>//方法2</code> <code>document.getElementById(</code><code>'youriframe'</code><code>).src=src;</code> </td> 
 </tr> 
 </tbody> 
</table>

实例：

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 </td> 
 <td> <code>&lt;</code><code>iframe</code>&nbsp;<code>id="myframe" width="100%" frameBorder="0" src="test.html" scrolling="no"&gt;&lt;/</code><code>iframe</code><code>&gt;</code> <code>&lt;</code><code>input</code>&nbsp;<code>type="button" onclick="javascript:refreshFrame();" value="Refresh Frame" /&gt;</code> <code>&nbsp;</code>&nbsp; <code>&lt;</code><code>script</code>&nbsp;<code>type="text/javascript"&gt;</code> <code>&lt;!--</code> <code>function refreshFrame(){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>document.getElementById('myframe').contentWindow.location.reload(true);</code> <code>}</code> <code>//--&gt;</code> <code>&lt;/</code><code>script</code><code>&gt;</code> </td> 
 </tr> 
 </tbody> 
</table>

二。jquery实现强制刷新

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

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 4 5 6 7 8 9 10 11 12 13 </td> 
 <td> <code>//刷新包含该框架的页面用&nbsp;&nbsp;</code> <code>&lt;</code><code>script</code>&nbsp;<code>language=JavaScript&gt;</code> <code>&nbsp;&nbsp;&nbsp;</code><code>parent.location.reload();</code> <code>&lt;/</code><code>script</code><code>&gt;</code> <code>//子窗口刷新父窗口</code> <code>&lt;</code><code>script</code>&nbsp;<code>language=JavaScript&gt;</code> <code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>self.opener.location.reload();</code> <code>&lt;/</code><code>script</code><code>&gt;</code> <code>(　或　&lt;</code><code>a</code>&nbsp;<code>href="javascript:opener.location.reload()"&gt;刷新&lt;/</code><code>a</code><code>&gt;&nbsp;&nbsp; )</code> <code>//刷新另一个框架的页面用&nbsp;&nbsp;</code> <code>&lt;</code><code>script</code>&nbsp;<code>language=JavaScript&gt;</code> <code>&nbsp;&nbsp;&nbsp;</code><code>parent.另一FrameID.location.reload();</code> <code>&lt;/</code><code>script</code><code>&gt;</code> </td> 
 </tr> 
 </tbody> 
</table>

**总结：网上一大堆document.frames('ifrmname').location.reload()已经不能用了**

自己验证

页面中动态加载子窗体内容的情况，

<table> 
 <tbody> 
 <tr> 
 <td> 1 2 3 </td> 
 <td> <code>$(</code><code>"#refresh"</code><code>).click(</code><code>function</code><code>(){ </code> <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code>parent.location.reload();</code> <code>});</code> </td> 
 </tr> 
 </tbody> 
</table>

刷新当前子窗体

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

可以工作