zoukankan      html  css  js  c++  java
  • JS/jQuery刷新iframe的方法

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

    <script language="JavaScript">
    window.location.reload(true);
    </script>

    2.  刷新iframe 页面

    js方法1
    document.getElementById('FrameID').contentWindow.location.reload(true);
    
    js方法2
    document.getElementById('youriframe').src=src;

    例如:

    <iframe id="firstFrame" 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('firstFrame').contentWindow.location.reload(true);
        }
    </script>

    二.  jquery实现强制刷新

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

    三.  如果是打开的新页面,要刷新其他iframe,可以使用如下代码

    //刷新包含该框架的页面用   
    <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>
  • 相关阅读:
    POJ 3009
    POJ 3253
    POJ 3617
    POJ 3984
    UVA10012
    HDU5100
    HDU 5101
    UVA301 运输
    UVA 331 交换的方案数
    uva 10344 算23点
  • 原文地址:https://www.cnblogs.com/unknows/p/12990715.html
Copyright © 2011-2022 走看看