Firefox返回時Iframe的顯示Bug的解決方案_經驗交流

Firefox返回時Iframe的顯示Bug的解決方案_經驗交流

<script type="text/javascript">//<![CDATA[ if(getCookie('firefoxIframe')){ document.write('<p id="addAd"><a href="cookie.html">點擊這裡刪除這個iframe</a></p>'); document.write('<iframe height="120" width="300" marginheight="0" marginwidth="0" frameborder="0" src="nAdPre.swf"></iframe>'); }else{ document.write('<p id="addAd"><a href="cookie.html">點擊這裡增加一個iframe</a></p>'); } //]]></script>

開啟Bug示範，由於cookie不存在，顯示的三個flash都是通過Iframe實現的
點擊“點擊這裡增加一個iframe廣告”，跳轉到一個新的頁面寫入名為firefoxIframe的Cookie
點擊“返回”或者瀏覽器的返回按鈕，回到Bug示範頁面，發現iframe裡面的flash錯位，即位置2的iframe連結的flash並沒有載入，顯示的是位置3的flash，位置3的顯示的是位置4的flash，位置4的flash卻依舊存在。
關閉標籤頁(不是關閉整個瀏覽器，如果關閉整個瀏覽器Cookie也失效)或新開啟一個標籤頁重新載入該頁面，4個Iframe正常顯示4個flash
此時如果點擊“點擊這裡刪除這個iframe廣告”，跳轉到新頁面刪除Cookie，返回也發現Iframe中的flash錯位
如果寫入Cookie或者刪除Cookie時，不通過瀏覽器的返回，直接通過網址訪問，則不會出現錯位
簡單分析和解決方案
似乎Firefox返回時，Javascript重新執行了，但是Iframe並未依據src屬性重新載入，而是給Iframe和src以類似編號似的配對，而由於返回時Javascript的執行，導致Iframe多了一個（或少了一個），這就導致後面的配對錯位。

以上僅為猜測，但這的確是Firefox（2.0.0.3）的一個bug，IE返回時Javascript重新執行，並且Iframe的依據src重新載入，Opera返回時Javascript不重新執行，頁面沒有變化。

解決方案是在文本中增加一個隱藏的Iframe來佔位，上面代碼修改如下代碼如下：

document.write('<p id="addAd"><a href="cookie.html">點擊這裡增加一個iframe</a></p>'); //把上面的代碼修改成為 document.write('<iframe src="#" style="display:none;"></iframe>'); document.write('<p id="addAd"><a href="cookie.html">點擊這裡增加一個iframe</a></p>');

以上就是Firefox返回時Iframe的顯示Bug的解決方案_經驗交流的內容，更多相關內容請關注topic.alibabacloud.com（www.php.cn）！

