asp.net menu “Operation aborted”

最近一個同事使用 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"
            }
        }

這樣就可以搞定了.

如果可以修改script的話,給script加上一個Defer屬性也可以解決.