js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法

 更新时间:2016年11月09日 08:59:34   投稿:jingxian  
下面小编就为大家带来一篇js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

重点是阻止默认的刷新,这样外部页面就不刷新了,然后指定刷新iframe,我下面给出了思路

document.onkeypress = function(e){
  if(e.keyCode == 116){
    e.preventDefault(); //组织默认刷新
    var iframeSrc = iframe.src;
    iframe.src = iframeSrc;
  }
}

iframe页面里再写如下:

var iframeSrc = parent.iframe.src;
document.onkeypress = function(e){
  e.preventDefault();
  parent.frame.src = iframeSrc;
}

以上这篇js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Bootstrap源码解读导航条(7)

    Bootstrap源码解读导航条(7)

    这篇文章主要源码解读了Bootstrap导航条,介绍了Bootstrap各式各样的导航条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 详解如何在Canvas上实现坐标定位

    详解如何在Canvas上实现坐标定位

    这篇文章我们将来详细的给大家讲解一下如何在 canvas 上实现坐标的定位,文中有详细的代码示例供大家参考,具有一定的参考价值,需要的朋友可以参考下
    2023-08-08
  • 浅谈JS中String()与 .toString()的区别

    浅谈JS中String()与 .toString()的区别

    下面小编就为大家带来一篇浅谈JS中String()与 .toString()的区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • javascript检查浏览器是否支持flash的实现代码

    javascript检查浏览器是否支持flash的实现代码

    这篇文章主要介绍了javascript检查浏览器是否支持flash的实现代码,需要的朋友可以参考下
    2014-08-08
  • javascript中定义类的方法详解

    javascript中定义类的方法详解

    这篇文章主要详细介绍了javascript中定义类的方法的相关资料,需要的朋友可以参考下
    2015-02-02
  • 个人小程序接入支付解决方案

    个人小程序接入支付解决方案

    这篇文章主要介绍了个人小程序接入支付解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • JavaScript自定义等待wait函数实例分析

    JavaScript自定义等待wait函数实例分析

    这篇文章主要介绍了JavaScript自定义等待wait函数,实例分析了自定义等待函数的实现与使用技巧,需要的朋友可以参考下
    2015-03-03
  • es6学习之解构时应该注意的点

    es6学习之解构时应该注意的点

    解构赋值允许你使用类似数组或对象字面量的语法将数组和对象的属性赋给各种变量。这种赋值语法极度简洁,同时还比传统的属性访问方法更为清晰,下面这篇文章主要给大家介绍了关于在es6解构时应该注意的点,需要的朋友可以参考下。
    2017-08-08
  • 帮助避免错误的Javascript陷阱清单

    帮助避免错误的Javascript陷阱清单

    帮助避免错误的Javascript陷阱清单(Javascript Gotchas listed to help avoid mistakes)
    2009-05-05
  • JS实现的对象去重功能示例

    JS实现的对象去重功能示例

    这篇文章主要介绍了JS实现的对象去重功能,结合实例形式分析了javascript针对json对象的遍历、判断、运算实现去重功能相关操作技巧,需要的朋友可以参考下
    2019-06-06

最新评论