`

解决iframe缓存

    博客分类:
  • J2EE
 
阅读更多

发现iframe有缓存的问题。网上提供了思路,即对iframe的href后添加随即get值,来逃避iframe的缓存。

 

所以干脆直接对指向iframe的<a>添加 js:

 

onClick="javascript:this.href=this.href+'?new='+Math.random();alert(this.href)"
最后在index页面为了第一次加载的iframe添加:
window.onload=function(){
  window.frames[0].location.href=window.frames[0].location.href+'?new='+Math.random();
}
 注意要使用window.onload,因为iframe可以和主页面并行加载,不会阻塞主页面,但是会阻塞onload事件(因此有时也可通过iframe异步加载大的js组件)。

 

分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    vue下iframe标签页,切换标签页,iframe不重载

    vue项目中一个模板组件,不同iframe的src地址,对应不同的路由,不同标签页,且切换标签页不重载。这种客户的要求是特例在网上没有,所以纯自行手码。由于项目在vuex保存了标签页,所以初次进入该组件时,调用了一次...

    浅析用iframe来调用页面会不会缓存页面

    虽然这不是一个理想的长期解决方案,但在某些情况下,用户可以手动清除浏览器缓存,或者开发者可以在代码中添加逻辑,强制清除缓存。 - 使用JavaScript动态改变iframe的src属性,这种方式可以编程控制何时以及如何...

    iframe内容页白块及刷新白色背景问题解决

    iframe内容页白块及刷新白色背景问题解决,在IE6,IE9上测试通过。

    javascript IFrame 强制刷新代码

    因此,它无法解决iframe缓存问题。 2. 使用`window.setTimeout(iframe.window.location.reload(),1000)`方法:这个方法通过设置延时来请求刷新iframe,但这种方法会导致页面频繁刷新,用户体验不佳。此外,当需要在...

    Default(iframe).rar(iframe的简单使用)

    在.NET中,可以通过设置响应头`P3P`或者使用`HttpModule`等方式来解决跨域问题。 8. **安全性与优化**: - 使用`iframe`时需考虑安全问题,比如XSS攻击和CSRF攻击。确保正确设置`iframe`内容的安全性,使用HTTPS...

    Vue中对iframe实现keep alive无刷新的方法

    一开始使用了Vue自带的keep- alive发现没有用,于是自己研究了一下解决方案。。。。。。 Vue的keep-alive原理 要实现对保持iframe页的状态。我们先搞清楚为什么Vue的keep-alive不能凑效。keep-alive原理是把组件里...

    浅谈Vue页面级缓存解决方案feb-alive (下)

    为了解决这个问题,出现了第三方库 `feb-alive`,它提供了页面级别的缓存解决方案。 `keep-alive` 实现原理: `keep-alive` 是 Vue 中的一个抽象组件,用于包裹动态组件,使得被包裹的组件在切换时不会被销毁,而是...

    UrlRewriter 缓存问题及一系列的相关探索

    为了解决这个问题,开发者通常需要执行一系列操作:在新标签中打开iframe页面,使用CTRL+F5强制刷新,再切换回原标签页按F5刷新。这些步骤的目的是确保每个步骤中浏览器都使用了正确的刷新和缓存清除方法。 在实验...

    浅谈Vue页面级缓存解决方案feb-alive(上)

    开发者无需手动缓存页面状态,例如通过localStorage或者sessionStorage缓存当前页面的数据 feb-alive会帮你处理路由meta信息的存储与恢复 为什么开发feb-laive? 当我们通过Vue开发项目时候,是否会有以下场景...

    Asp.NET性能优化之局部缓存

    本文主要探讨了局部缓存的几种解决方案,以及如何在Asp.NET中实现Edge Side Includes (ESI)以支持局部缓存。 首先,局部缓存的需求通常源于页面中不同部分有不同的更新频率。例如,一个页面可能包含热点新闻和静态...

    Vue动态路由缓存不相互影响的解决办法

    本篇文章将探讨如何解决Vue动态路由缓存不相互影响的难题。 首先,我们需要了解在Vue中key的作用。key是Vue的虚拟DOM中用于追踪每个节点身份的特殊属性。它在组件渲染过程中用来识别哪些内容是由同一个组件生成的,...

    kiosk-iframe-源码.rar

    通过对"Kiosk-iframe-源码"的深入学习,开发者不仅可以掌握如何构建一个Kiosk模式的应用,还能了解到前端开发中的跨域通信、安全防护、性能优化等多个方面的重要知识,这对提升个人技能和解决实际问题有着极大的帮助...

    Flex IFrame

    因此,合理使用缓存、优化加载策略以及适时更新IFrame内容都是必要的。 8. **布局与样式**:在Flex应用中,IFrame组件可以像其他Flex组件一样进行布局和样式设置。这包括大小、位置、边框、背景色等,以便更好地...

    解决Vue中使用keepAlive不缓存问题

    在Vue.js应用中,`keep-alive` 是一个特殊的组件,...通过以上方法,可以有效地解决`keepAlive` 不缓存的问题,实现组件的正确缓存和管理。在实际项目中,根据需求灵活运用这些知识,能够优化用户体验并提升应用性能。

    j2EE 缓存 Web前端优化 后台 服务器优化

    - **开源框架缓存**:如Hibernate的一级缓存和二级缓存,Ehcache等,提供开箱即用的缓存解决方案。 - **Hibernate一级缓存**:Session级别,存储实体对象,事务范围内有效,用于同一事务内的数据共享。 - **...

    vue项目强制清除页面缓存的例子

    这篇文章为我们提供了一个在Vue项目中强制清除页面缓存的解决方案。以下将对内容进行知识点的详细解释。 首先,要理解前端页面缓存的基本原理。浏览器默认会对静态资源文件(如HTML、CSS、JavaScript等)进行缓存,...

    jQuery:图片缓存 10 jQuery Image Cache Plugins and Scripts

    为了解决这个问题,开发者通常会采用图片缓存技术来优化加载过程。jQuery 提供了一些优秀的插件和脚本,专门用于处理图片预加载和缓存,以提升用户体验。本文将详细介绍其中的 10 款 jQuery 图片缓存插件和脚本,并...

Global site tag (gtag.js) - Google Analytics