iframe清楚缓存

2024-08-31

页面嵌套 Iframe 产生缓存导致页面数据不刷新问题

最近遇到个比较古怪的问题:当页面嵌套多个 Iframe 时会出现 Iframe 里包含的页面无法看到最新的页面信息. 初步解决方案,在 Iframe 指向的页面地址后缀添加一个随机数或者时间戳.这样能确保每次在加载页面时,让浏览器知道它是最新的页面.说白了就是欺骗下浏览器,躲过缓存的灾难.(这是从 Stack Overflow 和 CSDN 上找到一个看似可行,能彻底治根的办法. ) Sample Code: 通过 JS 产生随机数,把数据数当成参数传给页面地址 <script type="

利用js对象将iframe数据缓存, 实现子页面跳转后, 返回时不丢失之前填写的数据

利用js对象将iframe数据缓存, 实现子页面跳转后, 返回时不丢失之前填写的数据实现描述:将数据存放在js对象中, 然后放在父页面的document对象中, 在页面刷新的时候将父页面的值取出来, 然后再赋值代码实现 // 分装对象转成json传递, 放在父类 // 将方法绑定在跳转的按钮或者标签上 function publicSetLabel(){ var obj ={status: $("input[name='status']:checked").val(), ple

iframe是否缓存页面探究

近期手里有个项目须要用iframe来调用每天都会变化的页面,后来想到iframe会不会缓存页面呢.于是写了个demo论证了下,结果例如以下: iframe的src假设是静态页面,就有可能会缓存.由于静态页面有200和304状态 iframe的src假设是动态页面就不会缓存,由于动态页面的都是200状态 iframe的src为伪静态页面的话,须要分析伪静态页面会不会有304状态,有的话也会缓存希望对遇到相同问题的童鞋有帮助.

解决iframe缓存

网上能搜到很多此类的资料,但都是互相转载,不太起作用.这几天写个用到,用了不少的iframe效果.结果发现iframe有缓存的问题.网上提供了思路,即对iframe的href后添加随即get值,来逃避iframe的缓存. 所以干脆直接对指向iframe的<a>添加 js: onClick="javascript:this.href=this.href+'?new='+Math.random();alert(this.href)" 最后在index页面为了第一次加载的ifra

Js动态获取iframe子页面的高度////////////////////////zzzz

Js动态获取iframe子页面的高度 Js动态获取iframe子页面的高度总结问题的缘由产品有个评论列表引用的是个iframe,高度不固定于是引发这个总结. 方法1:父级页面获取子级页面的高度给元素设置高度这方法是用在父级页面里的,通过获取子级页面的高度给iframe设置高度涉及了一些兼容问题: IE用attachEvent | 3C用onload来判断子页面是否加载完成. IE用contentWindow | 3C用contentDocument来获取子页面 IE用documen

Js动态获取iframe子页面的高度总结

问题的缘由产品有个评论列表引用的是个iframe,高度不固定于是引发这个总结. 方法1:父级页面获取子级页面的高度给元素设置高度这方法是用在父级页面里的,通过获取子级页面的高度给iframe设置高度涉及了一些兼容问题: IE用attachEvent | 3C用onload来判断子页面是否加载完成. IE用contentWindow | 3C用contentDocument来获取子页面 IE用document.documentElement.scrollHeight(兼容ie6 ie7)|

HTML5 缓存: cache manifest

---恢复内容开始--- 1:MIME TYPE:text/cache-manifest 服务器配置MIME类型2:需要由你创建的:NAME.manifest 创建manifest文件3:给 <html> 标签加 manifest 属性:<html manifest="path/to/NAME.manifest"> ------------------------------------------------------------------------ M

destoon各栏目调用汇总

================================================================== destoon各栏目调用汇总 ================================================================== 根目录.模板目录和样式目录: {DT_PATH} = http://localhost/ {DT_SKIN} = http://localhost/skin/default/ 导入头脚: {templa

destoon调用方法汇总 ---转载

根目录.模板目录和样式目录:{DT_PATH}{DT_SKIN}导入头脚:{template 'header'}{template 'footer'}对应模块首页:{$MODULE[$moduleid][linkurl]} //注:$moduleid表示对应模块的ID号对应模块列表页:{$MODULE[$moduleid][linkurl]}list.php?catid=$catid //注:$catid表示调用的分类的ID号发布某模块信息:{$MODULE[2][linkurl]}my.ph

解决iframe缓存机制导致页面不清除缓存不刷新页面的bug

在使用iframe时,已有页面嵌套了一个iframe页面,当这个页面提交后再次跳转到本页面时,原本iframe内的页面应该刷新数据的,结果未刷新,需要清除缓存后才刷新. 解决方案: var fresh_link=new Date().getTime();//获取当前时间戳,因为该时间戳唯一,将其加到跳转的iframe嵌套页面那,以防止iframe子页面访问过后遗留的缓存 window.open("link.html?+'fresh_link'", "_self");

兼容解决 IE 、火狐、谷歌浏览器中 Iframe框架的页面缓存的方法

iframe与src一个性质当js中修改了src的值后会重新向后台发送请求；为了防止浏览器缓存问题当我们修改src时候需要添加不同的值这样浏览器就不会从缓存中取值而是重新发起后台请求

HTML5权威指南--Web Storage,本地数据库,本地缓存API,Web Sockets API,Geolocation API(简要学习笔记二)

1.Web Storage HTML5除了Canvas元素之外,还有一个非常重要的功能那就是客户端本地保存数据的Web Storage功能. 以前都是用cookies保存用户名等简单信息. 但是cookie有下面几个问题: a:大小:cookies的大小被限制在4KB b:带宽:cookies随HTTP事务一起被发送,因此会浪费一部分发送的cookies时使用的带宽. c:复杂性:要正确的操纵cookies是很困难的. Web Storage分为两种: <1>sessionStorag

ExtJs基础知识总结：Dom、IFrame和TreePanel、TabPanel（三）

概述 ExtJs是另外一种操作封装JavaScript的类库与Jquery同类.所以对Dom的操作也是支持的,比如修改Div内Html内容等操作.有几个问题需要思考下: 1.ExtJs也支持IFrame的操作,可是如何才能访问IFrame外部Parent的Extjs对象那? 2.在ExtJs中,我们能够通过TreePanel作为导航菜单,可是TreePanel的Root节点在合并和展开的两种状态展现出来的图标却是不一样,如何设置展开和合并时候图标一致性? 其实ExtJs通过简单的设置就能够解决上

jQuery-1.9.1源码分析系列（四）缓存系统

先前在分析Sizzle的时候分析到Sizzle有自己的缓存机制,点击这里查看.不过Sizzle的缓存只是对内使用的(内部自己存,自己取).接下来分析jQuery可以对外使用的缓存(可存可取). 首先需要明白jQuery缓存需要解决什么问题,实现它的意义? jQuery缓存要解决的是在往DOM节点添加数据(这些数据往往和该DOM节点紧密相关),但是给DOM添加数据或自定义属性可能起内存泄漏(DOM发生缓存泄漏导致DOM的数据没法被删除,那么添加到DOM的数据也无法被回收.久而久之,会出现一大片内存

使用JS实现前端缓存

在前端浏览器中,有些数据(比如数据字典中的数据),可以在第一次请求的时候全部拿过来保存在js对象中,以后需要的时候就不用每次都去请求服务器了.对于那些大量使用数据字典来填充下拉框的页面,这种方法可以极大地减少对服务器的访问.这种方法特别适用于使用iframe的框架. 具体实现思路和方法: 创建一个cache.js文件: 1.前端页面,定义那些数据需要一次性拿到前端缓存,定义一个对象来保存这些数据: /** * 定义需要在用户登录的时候获取到本地的数据字典类别 */ var clsCodes =

Silverlight 缓存控制策略

通常我们用html或asp.net页面承载Silverlight包,由于浏览器缓存机制的存在,使得你的应用更新时,客户见到往往是旧版的程序,而完全禁止缓存,每次打开页面都要重新下载xap,对于体积较大的程序,这将使用户体验大打折扣! 下面介绍一种可手动控制客户端是否刷新xap包的方法,既保证升级的时候客户端能同步更新,又可使用缓存机制,加速程序加载速度: 1.站点的默认页采用aspx或jsp,然后转向另一个真正承载xap的页面(可以是aspx,jsp或html), 下面以aspx为例,首页ind

在iframe中使用cookie需要注意

cookie的使用早已不新鲜了,但是最近在做项目时还是被坑了一把. 那么接下来让我们来看一下这个"坑"是个什么情况! 前提: 1.现在有两个页面A.html, B.html,同时,这两个页面中共同嵌入了页面C.html 2.在iframe中使用cookie 3.iframe中的页面并不跨域(即A.B.C为同域) 4.ie8情况下现象: 当在A中的C页面储存cookie,然后在去B中的C页面读取这个cookie,这时会发现读取不到(偶现,不是必现). 这里稍微抱怨一下,这种偶现的情况实

dojo Provider(script、xhr、iframe)源码解析

总体结构 dojo/request/script.dojo/request/xhr.dojo/request/iframe这三者是dojo提供的provider.dojo将内部的所有provider构建在Deferred基础上形成异步链式模型,utils.deferred函数向3个provider提供统一接口来规范其行为.数据请求在各个provider的发送过程几乎一致: 解析options参数util.parseArgs 创建dfd对象,该对象控制着整个数据接收.处理.传递的过程 //Make

通过分析iframe和无阻塞脚本关系能让我们更懂iframe

在我上篇文章里,我提到一种使用iframe完成无阻塞脚本加载的方式,因为我对iframe的偏见很大,所以上篇文章里我没有展开讨论这个问题. 文章发表后有位网友问了我这样一个问题,下面是他问题的原文,如下所示: 我一个电商后台系统,用的表格控件是flexigrid,,里面是个iframe来的,每一个tab就是一个iframe,现在遇到的问题就是,如果其中一个或者多个iframe在加载数据,还没加载完,如果这个时候,我再去开一个tab,也是查找数据,可能数据量很大,或者提交数据(其他的iframe可

iframe清楚缓存

热门专题