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>
  • 相关阅读:
    PHP中的list(),each(),reset()函数应用
    echo(),print(),print_r()
    Math.floor() 与 parseInt()
    利用Node.js轻松创建web服务器
    MySQL中Datetime与Timestamp
    修正正则匹配日期---基于网络未知大神的正则
    数据结构随笔-php实现栈
    数据结构随笔-php实现队列
    Js 获取时间戳
    linux 安装nginx+php+mysql
  • 原文地址:https://www.cnblogs.com/unknows/p/12990715.html
Copyright © 2011-2022 走看看