• 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>
  • 相关阅读:
    使用JS实现图片轮播滚动跑马灯效果
    特殊字符和注释标签
    html常用标签总结
    html重点标签总结
    web常用开发工具
    标签分类和关系
    Web标准和骨架
    常用开浏览器内核
    常用浏览器介绍
    2019/08/20记
  • 原文地址:https://www.cnblogs.com/unknows/p/12990715.html
Copyright © 2020-2023  润新知