javascript刷新父页面的各种方法汇总

转自https://www.cnblogs.com/yysbolg/p/9183626.html

1.用iframe、弹出子页面刷新父页面iframe

<script language=JavaScript>
  parent.location.reload();
</script>

2.弹出子页面

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

3.子窗口刷新父窗口

<script language=JavaScript>
    self.opener.location.reload();
</script>

4.刷新以open()方法打开的窗口

<script language=JavaScript>
    window.opener.location.href=window.opener.location.href;
</script>

5.刷新以winodw.showModelDialog()方法打开的窗口

<script language="javascript">
    window.parent.dialogArguments.document.execCommand(‘Refresh‘);
</script>

6.点击 layer 中刷新当前页

var iframes=  parent.document.getElementsByTagName(‘iframe‘);
for(var i=0;i<iframes.length;i++){
  var src=iframes[i].contentWindow.location.href;
  console.log( src);
  if(src.indexOf("table.jsp")!=-1){//table.jsp指定的页面名称
    console.log( "刷新:"+src);     //    parent.document.getElementsByTagName(‘iframe‘)[i].contentWindow.location.reload(true);全部刷新    parent.document.getElementsByTagName(‘iframe‘)[i].contentWindow.location.href = "http://" + "" + window.location.host + "/Index?id=" + $("#Id").val() + "";//只刷新特定的某个
  }
}

 parent.document.getElementById(‘my_iframe‘).contentWindow.location.reload(true);

原文地址:https://www.cnblogs.com/otsf/p/11647941.html

时间: 2024-08-01 00:47:32

javascript刷新父页面的各种方法汇总的相关文章

javascript刷新父页面方法总结

用iframe.弹出子页面刷新父页面iframe Js代码   <script language=JavaScript> parent.location.reload(); </script> 弹出子页面 Js代码   <script language=JavaScript> window.opener.location.reload(); </script> 子窗口刷新父窗口 Js代码   <script language=JavaScript>

监控返回按钮,刷新父页面

背景:最近在做微信点餐,在菜单列表把菜品添加到购物车,添加菜品时我用javascript局部刷新,点击按钮跳转查看我添加的所有菜品,然后我再次点击微信的返回按钮,会发现我之前点的菜都没有了.这样的结果会给用户造成一个假象,我的菜并没有添加到购物车. 说白了就是由子页面返回父页面时没有刷新父页面. 解决方法: 首先我考虑用JS去监控返回按钮事件,然后发现JS并不能监控返回按钮 然后我采用window.onpopstate的事件 代码: <script type="text/javascrip

js刷新父页面的方法

1.父页面弹出窗口,关闭弹窗刷新父页面 window.parent.location.reload(); 2.父页面打开新的浏览器窗口,关闭新的浏览器窗口,刷新父页面的方法 window.opener.location.reload(); 3.退回上一次页面 window.close();--------------关闭当前页 window.history.back(-1);-----------------回退上一次访问页面 原文地址:https://www.cnblogs.com/xplj2

菜鸟解决“子页面关闭刷新父页面局部”问题的历程

引子 昨天晚上做一个项目,遇到的一个问题,这个项目是一个在线考试系统,新建一份试卷的页面,要添加一些试题策略.点击添加试题策略,弹出添加策略的页面,策略编辑好之后提交,添加策略页关闭,当前添加试题页面策略列表刷新.那么就遇到一个问题,在“添加试卷页”中点击“添加策略”按钮弹出添加策略页,添加策略后,父页面只能局部刷新(整体刷新会丢掉页面输入框未保存的数据). 综上总结,浓缩成一句话啊,就是“父页面打开子页面,子页面完成操作后触发父页面的事件.” 过程 我在百度和必应里面搜一下,很多解决方案是用w

子页面提交后刷新父页面问题

在弹出的子页面在做新增和修改操作时, 有时要对父页面进行刷新操作, 可以关闭子页面后刷新父页面, 也可以不关闭子页面刷新父页面,在网上查到了方法, 在这里记一下,方便以后的学习查找. 一. 弹出子页面关闭刷新父页面: 在父页面js中回调window.opener.location.reload(); <script language=JavaScript> window.opener.location.reload(); </script> 二. 不关闭子页面刷新父页面: 在子页面

layui: 子iframe关闭/传值/刷新父页面

https://www.cnblogs.com/jiqing9006/p/5135697.html 父层 <div class="col-xs-4 text-left" style="padding-left: 50px;"><button type="button" class="btn btn-success" onclick="addCategory();">添加</bu

iframe子页面内刷新父页面中另一个iframe子页面

框架页面如下: <div id="aa" style="float: left; height: 500px; border-right-style: solid; border-right-color: #CCCCFF; border-right-width: 2px;"> <IFRAME id="tree" name="tree" src="/ScienProjectWeb/commonjsp/

刷新父页面

用iframe.弹出子页面修改内容后刷新父页面iframe <script language=JavaScript> parent.location.reload(); </script>

jquery Jbox 插件实现弹出窗口在修改的数据之后,关闭弹出窗口刷新父页面的问题

http://blog.csdn.net/nsdnresponsibility/article/details/51282797 问题如题: 这里我们在父页面定义一个全局的变量来标识是否需要刷新父页面(声明:下图中点击保存页面之后,不关闭子页面):点击1出弹出窗口: 我们的目的是:如果,用户保存过数据:在点击关闭按钮和2处所指的小X时,刷新父列表页面:若果用户没有保存过数据,关闭窗口是不刷新父列表页面. //这里是父页面(列表页面) var isFreshFlag="1";<%-