最近一個同事使用asp.net 2.0 的Menu控件, 這個控件是asp.net 2.0 導航控件中的一個. 最近發現了一個問題, 把這個控件放在masterpage中. 然後一個頁面使用該masterpage.
發現當頁面加載沒有結束,迅速點擊菜單的時候.會報一個IE特有的錯誤.呵呵.
Google 一下的,這個錯誤非常多. 也有人用asp.net menu的時候碰到類似的錯誤.比如:
http://forums.asp.net/thread/1158791.aspx
http://forums.asp.net/thread/1159962.aspx
類似的程式用firefox 瀏覽卻沒有問題. IE這個問題其實是一個很常見的錯誤,它一般會在document還沒有加載結束, 有腳本動態的修改document狀態的時候發生.
對於asp.net menu 我看了一下它自動生成的代碼. asp.net 會動態的生成幾個axd文件,其實就是js檔. 其中有類似的程式碼.
if (!childFrame) {
childFrame = document.createElement("iframe");
childFrame.id = childFrameId;
childFrame.src = (data.iframeUrl ? data.iframeUrl : "about:blank");
childFrame.style.position = "absolute";
childFrame.style.display = "none";
childFrame.scrolling = "no";
childFrame.frameBorder = "0";
if (parent.tagName.toLowerCase() == "html") {
document.body.appendChild(childFrame);
}
else {
parent.appendChild(childFrame);
}
}
呵呵,果然有一個動態的appendchild的代碼. 其實這個做法很不嚴謹, MS 寫的代碼, 有時候也會忽略一些問題.
萬一document 還沒有加載, appendchild 觸發了怎麼辦?
呵呵,當我點的很快的時候, 正好是這個並發的場合. 類似線程同步一樣. 這也是為什麼IE會報錯的員應. firefox對document的狀態修改並發控制可能跟ie不一樣.
接下來怎麼修改呢?
1. 可以用把menu放到一個div中,先設定visibility為hidden.
2. 等document 載入完之後,再設定visibility為visible.
document.onreadystatechange=ShowMenu;
function ShowMenu()
{
if(document.readyState=="complete")
{
document.getElementById("DivOfMenu").style.visibility="visible"
}
}
這樣就可以搞定了.
http://www.cnblogs.com/montaque/archive/2006/09/18/507639.html