利用jquery實現(xiàn)瀑布流3種案例
696
2024-02-17
if(getCookie('firefoxIframe')){
document.write('<p id="addAd"><a );
document.write('<iframe height="120" width="300" marginheight="0" marginwidth="0"
frameborder="0" src="http://www.gimoo.net/t/1407/nAdPre.swf"></iframe>');
}else{
document.write('<p id="addAd"><a );
}
//]]></script>
打開Bug演示，由于cookie不存在，顯示的三個flash都是通過Iframe實現(xiàn)的
點擊“點擊這里增加一個iframe廣告”，跳轉(zhuǎn)到一個新的頁面寫入名為firefoxIframe的Cookie
點擊“返回”或者瀏覽器的返回按鈕，回到Bug演示頁面，發(fā)現(xiàn)iframe里面的flash錯位，即位置2的iframe鏈接的flash并沒有載入，顯示的是位置3的flash，位置3的顯示的是位置4的flash，位置4的flash卻依舊存在。
關(guān)閉標(biāo)簽頁(不是關(guān)閉整個瀏覽器，如果關(guān)閉整個瀏覽器Cookie也失效)或新打開一個標(biāo)簽頁重新載入該頁面，4個Iframe正常顯示4個flash
此時如果點擊“點擊這里刪除這個iframe廣告”，跳轉(zhuǎn)到新頁面刪除Cookie，返回也發(fā)現(xiàn)Iframe中的flash錯位
如果寫入Cookie或者刪除Cookie時，不通過瀏覽器的返回，直接通過網(wǎng)址訪問，則不會出現(xiàn)錯位
簡單分析和解決方案
似乎Firefox返回時，Javascript重新執(zhí)行了，但是Iframe并未依據(jù)src屬性重新載入，而是給Iframe和src以類似編號似的配對，而由于返回時Javascript的執(zhí)行，導(dǎo)致Iframe多了一個（或少了一個），這就導(dǎo)致后面的配對錯位。
以上僅為猜測，但這的確是Firefox（2.0.0.3）的一個bug，IE返回時Javascript重新執(zhí)行，并且Iframe的依據(jù)src重新載入，Opera返回時Javascript不重新執(zhí)行，頁面沒有變化。
解決方案是在文本中增加一個隱藏的Iframe來占位，上面代碼修改如下代碼如下：
document.write('<p id="addAd"><a );
//把上面的代碼修改成為
document.write('<iframe src="http://www.gimoo.net/t/1407/541c1e815c760.html" style="display:none;"></iframe>');
document.write('<p id="addAd"><a );
