`

iframe缓存不刷新问题彻底解决方法

    博客分类:
  • html
 
阅读更多
这两天遇到一个很奇怪的问题,一个页面嵌套了一个iframe页面,当这个页面提交后再次跳转到本页面时,原本iframe内的页面应该刷新数据的,结果在ie下面却没刷新(FF下没问题),必须手动F5或者新开一个浏览器标签页浏览才能刷新,否则在本页面的浏览器上按回车是没用的,查阅了很多资料,最后终于发现是iframe缓存机制在搞鬼,用以下方法即可解决:

<script type="text/javascript">
var randomnumber=Math.floor(Math.random()*100000)

document.write('
<iframe src="http://www.freedonation.com/hunger/hunger_thankyou.php3?random='+randomnumber+'" name="aframe" width="100%" height="400"></iframe>')

</script>

通过请求多加一个值为随机数的参数,这样浏览器认为每次请求的页面都是新的而保证了iframe页面每次都是重新加载的。

分享到:
评论

相关推荐

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

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

    iframe框架的多种刷新方法总结

    适合用于iframe框架集的几种页面刷新方法,局部刷新,动态刷新, window.location.herf的刷新方式

    解决双iframe互相刷新进入死循环的问题

    在网页开发中,有时我们可能需要使用到iframe来嵌入其他页面或实现一些特定功能,例如页面间的通信、模块化加载等。...在实际解决问题时,熟悉这些工具和源码分析技巧将非常有助于找到问题的根源。

    后台管理禁止iframe刷新返回首页

    针对这个问题,我们需要一种方法来防止`iframe`刷新时返回首页。 首先,我们理解`iframe`的基本工作原理。`iframe`通过`src`属性加载指定的URL,当`iframe`内容被刷新或重新加载时,`src`属性指向的页面将再次被...

    bootstarp+iframe 实现局部刷新 后台模板

    局部刷新允许用户在不重新加载整个页面的情况下更新特定部分,从而提高用户体验和效率。 Bootstrap框架提供了丰富的CSS样式、JavaScript组件和网格系统,使得开发者能够快速地创建出美观且易于使用的界面。在这个...

    iframe 跨域解决方法

    解决`iframe`跨域问题有多种方法: 1. **使用`CORS`(跨源资源共享)**:服务器可以通过设置响应头`Access-Control-Allow-Origin`来允许特定的源访问其资源。例如,`Access-Control-Allow-Origin: *`表示允许所有源...

    完美解决iframe跨域问题

    但这种方法需要服务器端的配合,对于纯客户端的iframe跨域解决方案不适用。 **三、window.name跨域通信详解** 1. **原理**:`window.name`不受同源策略限制,可以在任何页面中读写,即使页面被刷新或导航至其他URL...

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

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

    iframe跨域通信解决方法

    ### iframe跨域通信解决方法 在现代Web开发中,跨域问题经常出现并困扰着开发者。尤其是在使用`iframe`嵌入不同源的内容时,主页面往往无法直接与`iframe`内的内容进行交互,这就需要一种解决方案来实现跨文档消息...

    iframe实现无刷新上传下载

    "iframe实现无刷新上传下载"是一个利用IFrame和JQuery技术来创建的项目,它允许用户在不刷新整个页面的情况下进行文件的上传和下载操作,提高了交互效率,同时也保持了页面状态的连续性。 首先,我们要理解什么是...

    iframe之局部刷新

    iframe之局部刷新 - 行知 - JavaEye技术网站.mht

    基于AdminLTE(bootstrap)用iframe实现的局部刷新的案例

    本案例主要探讨如何基于AdminLTE(一个基于Bootstrap的开源后台主题)利用iframe和JavaScript实现局部刷新功能,以提升用户体验。 AdminLTE是一个免费的响应式后台模板,其设计灵感来源于Twitter的Bootstrap框架,...

    使用iframe实现点击导航无刷新切换页面

    例如,跨域策略限制了`iframe`加载不同源的页面,同时可能导致SEO问题。因此,在实际应用中,需要根据项目需求和浏览器兼容性选择合适的技术方案。 总结,通过结合`iframe`和Bootstrap,我们可以创建一个无刷新切换...

    iframe实现页面局部刷新操作

    在网页开发中,有时我们需要实现在不刷新整个页面的情况下更新某些特定区域,这通常是通过`iframe`(Inline Frame)来实现的。`iframe`是一种HTML元素,它可以在一个网页中嵌入另一个网页,使得我们可以在独立的框架...

    iframe加载时白块及刷新白色背景问题解决

    在使用iframe时,iframe背景为白块,刷新时也会闪过白块。如果刷新时间长,就会一直出现白块,让人很烦恼,通过网上搜资料,测试很多依然没有效果,最终解决方法如下所示,注意主要针对IE浏览器测试。

    safari,opera嵌入iframe页面cookie读取问题解决方法

    总之,解决Safari、Opera等浏览器中的iframe cookie读取问题通常需要绕过同源策略的限制,通过引导页面、跨域通信或者使用其他存储机制。在实施解决方案时,应考虑到用户体验和兼容性,确保在各种浏览器中都能正常...

    div被iframe遮住的几种情况及解决方法

    解决这个问题的一个方法是在IFRAME的URL参数中添加wmode=opaque,这样可以改变IFRAME的窗口模式,从而避免其影响到其他元素的Z-index层级。类似地,当IFRAME内嵌Flash对象时,也可能出现z-index失效的问题。这时,...

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

    最近一个需求,需要在 Vue 项目中加入 含有iframe 的页面,同时在路由切换的过程中,要求iframe的内容 不会被刷新 。一开始使用了Vue自带的keep- alive发现没有用,于是自己研究了一下解决方案。。。。。。 Vue的...

    JavaScript中iframe实现局部刷新的几种方法汇总

    Iframe是一种嵌入网页的框架形式,Web页面可以通过更改嵌入的部分,达到部分内容刷新,通过本文和大家一起学习iframe实现局部刷新的几种方法汇总,对iframe局部刷新相关知识感兴趣的朋友一起学习吧

Global site tag (gtag.js) - Google Analytics