脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → javascript刷新父页面方法汇总

javascript刷新父页面方法汇总详解

 更新时间：2019年10月10日 16:57:51   作者：```...简单点  
这篇文章主要介绍了javascript刷新父页面方法汇总详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

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){
　　　　console.log( "刷新:"+src);
　　　　parent.document.getElementsByTagName('iframe')[i].contentWindow.location.reload(true);
　　}
}
parent.document.getElementById('my_iframe').contentWindow.location.reload(true);

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • uni-app的h5页面中onHide/onUnload方法不触发的问题解决方法

    uni-app的h5页面中onHide/onUnload方法不触发的问题解决方法

    uni-app的页面的生命周期包括onInit、onLoad、onShow、onReady、onHide和onUnload等几个阶段,这篇文章主要给大家介绍了关于uni-app的h5页面中onHide/onUnload方法不触发的问题解决方法,需要的朋友可以参考下
    2023-12-12
  • JS 中 reduce()方法使用小结

    JS 中 reduce()方法使用小结

    reduce是一个对数组累积操作的方法,使用时要加上 return 返回累积操作的数据,这样 prev 才能获取上一次执行的结果,否则是 undefined,这篇文章主要介绍了JS 中 reduce()方法及使用详解,需要的朋友可以参考下
    2023-12-12
  • js滚轮事件兼容性问题需要注意哪些

    js滚轮事件兼容性问题需要注意哪些

    这篇文章主要为大家详细介绍了js滚轮事件需要注意的兼容性问题,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-11-11
  • JS长整型精度问题实例分析

    JS长整型精度问题实例分析

    这篇文章主要介绍了JS长整型精度问题,实例分析了Java项目结合前台js脚本出现的长整型精度问题与相应的解决方案,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-01-01
  • JavaScript数值数组排序示例分享

    JavaScript数值数组排序示例分享

    在Javascript中我们已知有两个可以直接用来进行数组排序的方法reverse()和sort()。其中reverse()是按照反向对于数组进行排序的，而sort()是按照正向进行排序的。
    2014-05-05
  • 客户端限制只能上传jpg格式图片的js代码

    客户端限制只能上传jpg格式图片的js代码

    客户端限制只能上传jpg格式图片的js代码,对用户体验较好，适合网页中只能使用jpg格式图片的情况。
    2010-12-12
  • A标签触发onclick事件而不跳转的多种解决方法

    A标签触发onclick事件而不跳转的多种解决方法

    一个标签仅仅是要触发onclick行为，遇到了A标签触发onclick事件时不执行跳转，下面与大家分享下四种解决方法，感兴趣的朋友可以参考下哈
    2013-06-06
  • 移动端H5开发 Turn.js实现很棒的翻书效果

    移动端H5开发 Turn.js实现很棒的翻书效果

    这篇文章主要为大家详细介绍了Turn.js实现很棒的翻书效果，对Turn.js翻书效果的实现进行总结，感兴趣的小伙伴们可以参考一下
    2016-06-06
  • js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)

    js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)

    下面小编就为大家带来一篇js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • 实现两个文本框同时输入的实例

    实现两个文本框同时输入的实例

    下面小编就为大家带来一篇实现两个文本框同时输入的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09

最新评论