缓存不刷新问题彻底解决方法(图)的缓存机制

　　缓存不刷新问题彻底解决方法(图)的缓存机制

　　问题描述

　　html

　　js

$("#h5Content").attr("src","${h5.url}");

　　h5.url 对应的是ueditor编辑的一个页面，保存到数据库中。

　　修改并提交此页面的内容后，iframe中呈现的页面没有变化。

　　原因

　　如果 iframe 的 src 值发生变化，则 iframe 中的内容会被刷新。

　　所以虽然我的代码的url对应的页面发生了变化，但是url并没有发生变化，即iframe的src的值没有发生变化。所以内容没有刷新；

　　解决方案

　　如果找到原因，解决方法很简单。想办法改变 iframe 的 src 的值。

　　我当时的解决方案如下：

$("#h5Content").attr("src","${h5.url}"+"?time="+new Date().getTime());

　　通过url后面的问号传值，传一个当前时间，就解决了。这个值没有用，只是为了改变src的值。

　　PS：彻底解决iframe缓存不刷新问题

　　这两天遇到了一个很奇怪的问题。一个页面与一个 iframe 页面嵌套在一起。当页面提交再次跳转到这个页面时，iframe中原来的页面应该刷新数据，结果如下ie 但是没有刷新（FF下没问题），必须手动F5或者打开新浏览器tab浏览刷新，否则在这个页面的浏览器上按回车是没用的。查阅了很多资料，终于发现是iframe缓存机制搞砸了。使用以下方法解决：

var randomnumber=Math.floor(Math.random()*100000)

document.write('

')

　　给请求添加一个带有随机数的参数，让浏览器每次都认为请求的页面是新的，保证每次都重新加载iframe页面。

　　这里是文章关于不刷新的iframe的src指向的内容的详细说明解决方案。更多相关iframe src指向不刷新内容，请搜索Script Home之前的文章或者继续浏览下方相关文章，希望大家以后多多支持Scripthome！