详解iframe的src指向的内容不刷新的解决办法
问题描述
html
<iframe id="h5Content" src=""></iframe>
js
iframe嵌套页面加载慢$("#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或者新开⼀个浏览器标签页浏览才能刷新，否则在本页⾯的
浏览器上按回车是没⽤的，查阅了很多资料，最后终于发现是iframe缓存机制在搞⿁，⽤以下⽅法即可解决：
<script type="text/javascript">
var randomnumber=Math.floor(Math.random()*100000)
document.write('
<iframe src="www.freedonation/hunger/hunger_thankyou.php3?random='+randomnumber+'" name="aframe" width="100%" height="400"></iframe>') </script>
通过请求多加⼀个值为随机数的参数，这样浏览器认为每次请求的页⾯都是新的⽽保证了iframe页⾯每次都是重新加载的。
到此这篇关于详解iframe的src指向的内容不刷新的解决办法的⽂章就介绍到这了，更多相关iframe的src指向不刷新内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章，希望⼤家以后多多⽀持！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。