这篇文章主要介绍了详解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的值.