javascript IFrame 强制刷新代码

 更新时间:2009年07月23日 17:12:28   作者:  
经常会使用多个iframe来展示领域模型主子关系(主/子单),测试发现iframe是有cache功能的
当第一次从主窗口进入到一个iframe简称{A}中,此时这个{A}中呈现的数据是新的,这时我又点了另外的一个iframe简称{B},这里{B}的数据也是新的,在{B}中进行一些逻辑处理,如向{A}中批量增加模型数据,这里我们再进入到{A}中会发现数据是被缓存着的。因为是从{B}中对批量操作了{A}的数据,{B}是与server通信的,也就是会进行逻辑层/持久层操作,这样server端更新的呈现部分是{B}而不是全部,这也就是局部刷新,只刷{B}。而我们需要做的是让{A}中的内容也跟着变。

解决方案:
·很明显iframe.window.location.reload();不符合当前需求。
·使用window.setTimeout(iframe.window.loadction.reload(),1000);这种方式会造成多次刷新,如果还要在{A}中对{B}的数据进行更新呢?
·研究了半天,其实可以直接从iframe cache问题入手来解决,很easy,直接不让它缓存不就完了,不缓存了,当然也就用不着刷新了。
示例:
复制代码 代码如下:

function doInsert2BatchCallBack() {
var pIf = parent.document.getElementById('IFRAME_A');
pIf.src = pIf.src + "&".concat(Math.random());
//提交批量导入请求
}

相关文章

  • 教你JavaScript利用charAt()统计出现次数最多的字符和次数

    教你JavaScript利用charAt()统计出现次数最多的字符和次数

    这篇文章主要介绍了JavaScript利用charAt()统计出现次数最多的字符和次数的操作方法,本文以判断一个字符串'aabcdobdackoppz'中出现次数最多的字符,并统计其次数为例,通过实例代码给大家详细介绍,需要的朋友参考下吧
    2021-08-08
  • JS查找字符串中出现次数最多的字符

    JS查找字符串中出现次数最多的字符

    本文给大家带来两种js中查找字符串中出现次数最多的字符,在这两种方法中小编推荐使用第二种,对js查找字符串出现次数的相关知识感兴趣的朋友一起看看吧
    2016-09-09
  • javascript前端实现多视频上传

    javascript前端实现多视频上传

    这篇文章主要为大家详细介绍了javascript前端实现多视频上传,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-12-12
  • JavaScript控制台的更多功能

    JavaScript控制台的更多功能

    这篇文章主要介绍了JavaScript控制台的更多功能,想了解控制台更多功能的同学,一定要看一下
    2021-04-04
  • Echarts实现单条折线可拖拽效果

    Echarts实现单条折线可拖拽效果

    这篇文章主要为大家详细介绍了Echarts实现单条折线可拖拽,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • 原生js实现点击轮播切换图片

    原生js实现点击轮播切换图片

    这篇文章主要为大家详细介绍了原生js点击轮播切换图片,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • 用webpack4开发小程序的实现方法

    用webpack4开发小程序的实现方法

    这篇文章主要介绍了用webpack4开发小程序的实现方法,分享通过webpack来构建小程序的开发架构,感兴趣的小伙伴们可以参考一下
    2019-06-06
  • js创建对象的方法汇总

    js创建对象的方法汇总

    这篇文章主要介绍了js创建对象的方法,js一个有三种方法创建对象,这里为大家做一个总结,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • firefox中用javascript实现鼠标位置的定位

    firefox中用javascript实现鼠标位置的定位

    firefox中用javascript实现鼠标位置的定位...
    2007-06-06
  • JavaScript函数内部属性和函数方法实例详解

    JavaScript函数内部属性和函数方法实例详解

    函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。通过本文给大家介绍JavaScript函数内部属性和函数方法,感兴趣的朋友一起学习吧
    2016-03-03

最新评论