這篇文章主要介紹了詳解iframe的src指向的內(nèi)容不刷新的解決辦法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
問題描述
html
<iframe id="h5Content" src=""></iframe>
js
$("#h5Content").attr("src","${h5.url}");
h5.url對應(yīng)的是一個ueditor編輯好存到數(shù)據(jù)庫的一個頁面.
修改這個頁面內(nèi)容提交后,iframe 中呈現(xiàn)的頁面并沒有變化.
原因
iframe的src的值發(fā)生改變,才會刷新iframe里面的內(nèi)容.
所以雖然我代碼的url對應(yīng)的頁面有變化了,可是url一直不變,也就是iframe的src的值一直沒變.所以不刷新內(nèi)容;
解決辦法
原因找到了,解決就非常容易了.想任何一種辦法讓iframe的src的值有變化就可以了.
我當(dāng)時的解決辦法如下:
$("#h5Content").attr("src","${h5.url}"+"?time="+new Date().getTime());
給url后面通過問號傳值,傳一個當(dāng)前時間,就解決了.這個值并沒有其他用處,只是為了改變src的值.
PS：iframe緩存不刷新問題徹底解決方法
這兩天遇到一個很奇怪的問題，一個頁面嵌套了一個iframe頁面，當(dāng)這個頁面提交后再次跳轉(zhuǎn)到本頁面時，原本iframe內(nèi)的頁面應(yīng)該刷新數(shù)據(jù)的，結(jié)果在ie下面卻沒刷新（FF下沒問題），必須手動F5或者新開一個瀏覽器標(biāo)簽頁瀏覽才能刷新，否則在本頁面的瀏覽器上按回車是沒用的，查閱了很多資料，最后終于發(fā)現(xiàn)是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>
通過請求多加一個值為隨機數(shù)的參數(shù)，這樣瀏覽器認(rèn)為每次請求的頁面都是新的而保證了iframe頁面每次都是重新加載的。
到此這篇關(guān)于詳解iframe的src指向的內(nèi)容不刷新的解決辦法 的文章就介紹到這了,更多相關(guān)iframe的src指向不刷新內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！
來源：腳本之家
鏈接：https://www.jb51.net/web/726099.html
申請創(chuàng)業(yè)報道，分享創(chuàng)業(yè)好點子。點擊此處，共同探討創(chuàng)業(yè)新機遇！
