詳解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的值.

這兩天遇到一個很奇怪的問題，一個頁面嵌套了一個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指向的內容不刷新的解決辦法的文章就介紹到這了,更多相關iframe的src指向不刷新內容請搜索武林網以前的文章或繼續瀏覽下面的相關文章，希望大家以後多多支持武林網！