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>
  • 相关阅读:
    Aseprite+Cocos:打包像素画图,导入到cocos里并动起来
    自定义博客园个人皮肤
    埃航和737MAX坠毁:软件优先级问题
    淘宝网——软件质量属性场景分析
    王概凯《架构漫谈》阅读笔记
    2965 -- The Pilots Brothers' refrigerator
    UVa10082 -- WERTYU
    1753 -- Flip Game
    1083 -- Moving Tables
    2159 -- Ancient Cipher
  • 原文地址:https://www.cnblogs.com/unknows/p/12990715.html
Copyright © 2011-2022 走看看