jQuery技术

jquery刷新iframe页面的方法

字号+ 作者:H5之家 来源:H5之家 2017-04-02 16:10 我要评论( )

1,reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5(刷新) 代码如下 script lang

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 逐行分析jQuery源码的奥秘

    逐行分析jQuery源码的奥秘

    2017-04-02 17:02

  • 基于jQuery的表格操作插件

    基于jQuery的表格操作插件

    2017-04-02 16:07

  • jQuery oLoader实现的加载图片和页面效果

    jQuery oLoader实现的加载图片和页面效果

    2017-04-02 15:00

  • jQuery图片裁剪插件 功能非常强大

    jQuery图片裁剪插件 功能非常强大

    2017-04-02 14:01

网友点评
e