Firefox返回時(shí)Iframe的顯示Bug的解決方法
2020-10-23 18:35:14
供稿：網(wǎng)友
<script type="text/javascript">//<![CDATA[
if(getCookie('firefoxIframe')){
document.write('<p id="addAd"><a href="cookie.html">點(diǎn)擊這里刪除這個(gè)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">點(diǎn)擊這里增加一個(gè)iframe</a></p>');
}
//]]></script>
打開Bug演示，由于cookie不存在，顯示的三個(gè)flash都是通過(guò)Iframe實(shí)現(xiàn)的
點(diǎn)擊“點(diǎn)擊這里增加一個(gè)iframe廣告”，跳轉(zhuǎn)到一個(gè)新的頁(yè)面寫入名為firefoxIframe的Cookie
點(diǎn)擊“返回”或者瀏覽器的返回按鈕，回到Bug演示頁(yè)面，發(fā)現(xiàn)iframe里面的flash錯(cuò)位，即位置2的iframe鏈接的flash并沒(méi)有載入，顯示的是位置3的flash，位置3的顯示的是位置4的flash，位置4的flash卻依舊存在。
關(guān)閉標(biāo)簽頁(yè)(不是關(guān)閉整個(gè)瀏覽器，如果關(guān)閉整個(gè)瀏覽器Cookie也失效)或新打開一個(gè)標(biāo)簽頁(yè)重新載入該頁(yè)面，4個(gè)Iframe正常顯示4個(gè)flash
此時(shí)如果點(diǎn)擊“點(diǎn)擊這里刪除這個(gè)iframe廣告”，跳轉(zhuǎn)到新頁(yè)面刪除Cookie，返回也發(fā)現(xiàn)Iframe中的flash錯(cuò)位
如果寫入Cookie或者刪除Cookie時(shí)，不通過(guò)瀏覽器的返回，直接通過(guò)網(wǎng)址訪問(wèn)，則不會(huì)出現(xiàn)錯(cuò)位
簡(jiǎn)單分析和解決方案
似乎Firefox返回時(shí)，Javascript重新執(zhí)行了，但是Iframe并未依據(jù)src屬性重新載入，而是給Iframe和src以類似編號(hào)似的配對(duì)，而由于返回時(shí)Javascript的執(zhí)行，導(dǎo)致Iframe多了一個(gè)（或少了一個(gè)），這就導(dǎo)致后面的配對(duì)錯(cuò)位。
以上僅為猜測(cè)，但這的確是Firefox（2.0.0.3）的一個(gè)bug，IE返回時(shí)Javascript重新執(zhí)行，并且Iframe的依據(jù)src重新載入，Opera返回時(shí)Javascript不重新執(zhí)行，頁(yè)面沒(méi)有變化。
解決方案是在文本中增加一個(gè)隱藏的Iframe來(lái)占位，上面代碼修改如下代碼如下：
document.write('<p id="addAd"><a href="cookie.html">點(diǎn)擊這里增加一個(gè)iframe</a></p>');
//把上面的代碼修改成為
document.write('<iframe src="#" style="display:none;"></iframe>');
document.write('<p id="addAd"><a href="cookie.html">點(diǎn)擊這里增加一個(gè)iframe</a></p>');
