zoukankan      html  css  js  c++  java
  • jquery刷新iframe页面的方法

    http://www.3lian.com/edu/2014/10-18/173159.html

    *******************************

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

    自己验证

    页面中动态加载子窗体内容的情况,

    	$("#refresh").click(function(){
    		 parent.location.reload();
    	});
    

     刷新当前子窗体

                $("#refresh").click(function() {
                    self.location.reload();
                });

    可以工作

    三,如果是打开的新页面我们要刷新的话可以使用如下代码来刷亲

  • 相关阅读:
    momentjs时间格式插件
    TagCanvas 插件
    Vue2.0 探索之路——生命周期和钩子函数的一些理解
    vue.js学习:1.0到2.0的变化(区别)
    dom操作节点之常用方法
    javascript 中 x offsetX clientX screenX pageX的区别
    Vuex详解笔记2
    Vuex详解笔记1
    Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#<Object>‘的解决方法
    CSS技巧和经验列表
  • 原文地址:https://www.cnblogs.com/zhao1949/p/6419791.html
Copyright © 2011-2022 走看看