在实际应用中，我们有时候会遇到“iframe的src不刷新问题是什么原因，如何解决”这样的问题，我们该怎样来处理呢？下文给大家介绍了解决方法，希望这篇“iframe的src不刷新问题是什么原因，如何解决”文章能帮助大家解决问题。

问题描述

html

<iframe id="h5Content" src=""></iframe>

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或者新开一个浏览器标签页浏览才能刷新，否则在本页面的浏览器上按回车是没用的，查阅了很多资料，最后终于发现是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的src不刷新问题是什么原因，如何解决”的相关知识，感谢各位的阅读，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注群英网络，小编每天都会为大家更新不同的知识。

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• a标签定义圆角按钮并加阴影效果的实现代码是什么

  a标签定义一个圆角按钮并添加阴影效果该怎么添加CSS样式呢？可以先看下面这一段CSS代码： /*html代码*/aclass=btn-buy去淘宝下单/a/*对应的css代码*/style.btn-buy:hover{text-decoration:none;color:white;background-color:#FF2463}.btn-buy{-webkit-borde

• HTML5中a标签背景颜色的更改或取消怎样做

  H5中取消a标签在点击时的背景颜色的方法，一些朋友可能会遇到这方面的问题，对此在下文小编向大家来讲解一下，内容详细，易于理解，希望大家阅读完这篇能有收获哦，有需要的朋友就往下看吧！

• Ratchet模态框的用法是怎样，如何使用

  这篇文章主要介绍了Ratchet 模态框的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

• 用HTML+CSS怎么写导航的下拉菜单，代码是什么

  菜单栏在很多地方都可以用到，尤其是带下拉的菜单栏，本文主要介绍了HTML+CSS实现导航条下拉菜单，具有一定的参考价值，感兴趣的可以了解一下

• CSS中如何实现元素往左逐渐消失的效果?

  这篇文章给大家分享的是CSS中元素往左逐渐消失的效果实现，下文主要利用animation属性和@keyframes规则。小编觉得挺实用的，因此分享给大家做个参考，文中的示例代码介绍得很详细，有需要的朋友可以参考，接下来就跟随小编一起了解看看吧。