最近一個同事使用 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://m.survivalescaperooms.com/montaque/archive/2006/09/18/507639.html