js選項卡 iframe 緩存

需求：使用DIV元素配合JS來實(shí)現(xiàn)網(wǎng)頁選項卡菜單
原理：用多個iframe來實(shí)現(xiàn)多個選項卡內(nèi)容的展示，當(dāng)前選項卡顯示當(dāng)前對應(yīng)的iframe，其他iframe則隱藏，并非在一個iframe中實(shí)現(xiàn)，而是n個選項卡就對應(yīng)n個iframe
問題描述：當(dāng)關(guān)閉選項卡時會用JQuery的remove()方法刪除對應(yīng)的選項卡及iframe，但頁面F5刷新時若留一個選項卡則初始化的選項卡中顯示的居然會是上一次停留下來的選項卡中對應(yīng)的頁面，如下代碼，運(yùn)行時自動會打開查看A為《初窺iWatch用戶界面》，然后按左下的查看B打開《可穿戴設(shè)備：》，然后停留在查看B并點(diǎn)擊查看A選項上的關(guān)閉按鈕關(guān)閉對應(yīng)iframe，此時按F5刷新，在IE中會發(fā)現(xiàn)此時雖然選項卡是查看A，但頁面卻是查看B中所對應(yīng)的《可穿戴設(shè)備：》，但在firefox中沒有該問題！

初步估計是緩存問題，按傳統(tǒng)iframe頁面的增加隨機(jī)數(shù)后綴參數(shù)無法解決，需要打開頁面后緊接著在刷新下頁面可以實(shí)現(xiàn)，不過連續(xù)兩次打開會影響加載效率，更有頁面初始化事件在這種情況下將會執(zhí)行兩次，故不太可取。問大家是否有何解決方案，或者說其實(shí)本是代碼上的問題。

以下為代碼，jQuery版本對應(yīng)的是1.7的，不在另行提供jQuery代碼

1. html文件 iframe.html

回復(fù)討論(解決方案)

用ie的開發(fā)人員工具看了下iframe的地址是a的，但是內(nèi)容確顯示的是b的。。

ie增加onbeforeunload事件，清空content屬性指定的容器的內(nèi)容就行了。

 $(document).ready(function () { CW = document.documentElement.clientWidth; //CH = $("body").height() - $("#programeBody").height() - $("#bottom").height(); CH = document.documentElement.clientHeight - $("#programeBody").height() - $("#bottom").height(); //定義選項卡類 $(".programeObject").each(function (i) { PM[this.id] = new Class_programe_menu($(this)); }); $(".programeButton").click(function () { PM[$(this).attr("to")].CL_addPrograme($(this)); //屏蔽A元素的鏈接事件 return false; });///////////// if (document.all) window.onbeforeunload = function () { for (attr in PM) $('#'+PM[attr].CL_content).empty(); } });

謝謝版主大人！解決方案如您所說！另外昨天帖子里忘說測試是在IE8中
關(guān)閉瀏覽器或者刷新頁面觸發(fā)的事件平時用的比較少，所以很少關(guān)注到這類事件的功能，這次受教了。
從另一方面考慮該問題，IE對于iframe的存在應(yīng)該會記錄iframe所指向的頁面，但無法理解的是iframe重載出現(xiàn)的時候卻自動加載頁面關(guān)閉前iframe所呈現(xiàn)（緩存）的網(wǎng)頁。IE技術(shù)人員就該問題的處理有點(diǎn)讓人匪夷所思啊 呵呵
稍后結(jié)貼