在做ASP.net的項目時,碰到在頁面上輸入一些資料後,然後點擊提交按鈕,然後伺服器端校正資料,如果資料不合格,用
Response.Write("<script>alert(' 使用者名稱不存在!')</script>")
向用戶端推出一個警告視窗提示,這時候會發現,顯示警告視窗的時候,在警告視窗的背面頁面是一片空白,非得你按了警告視窗上的確定按鈕,首頁面才會顯示出需要的內容。
為什麼會出現一個頁面白板呢?包括伺服器端向用戶端推出的 showModalDialog 模態視窗一樣,用 Response.Wrtie()輸出到用戶端頁面,可以通過查看產生頁面的源檔案,就能發現是在頁面的最前面加上了 alert() 或 showModalDialog() js函數,這種警告視窗或模態視窗彈出來之後,將會阻止頁面顯示接下來的內容,所以您看到的就是一片空白,只有使用者關了警告或模態視窗才會繼續顯示頁面內容。那麼怎麼才能讓顯示 alert對話方塊或 showModalDialog 視窗時,首頁面有內容顯示呢?很簡單,需要讓產生的 html 中 alert 和 showModalDialog 處在顯示內容的後面。
下面這個做法是:用Page.RegisterStartupScript()方法註冊頁面執行指令碼,它會把註冊的指令碼放在Web Form的結尾處,即</form>標記之前
Page.RegisterStartupScript("msg", "<script>alert('使用者名稱Unmi不存在!')</script>");
也就是 form 的內容顯示完之後才執行這一段指令碼--彈出警告視窗,所以頁面不會空白。如果這個 WebForm 幾乎包含了頁面所有顯示內容,那麼從語義上講也可以說是在 document 載入完後彈出警告視窗。
由此我們也能想到,如果給頁面加個 window.onload 事件的處理函數,在這個處理函數中彈出警告視窗,那麼不管是放在前面還是後面都不會影響到頁面的顯示(不會出現白板現象),因為它總是等待document載入完成後才執行的,因此我們也可以這樣寫:
Response.Write("<script >function window.onload() {alert('使用者名稱Unmi不存在!');}</script>"); //這裡重寫了 window 的 onload 函數。
另外:還有 RegisterClientScriptBlock 也可用來解決類似問題,在Page.RegisterClientScriptBlock和Page.RegisterStartupScript有何區別?一文中說,RegisterClientScriptBlock 一般返回的是用戶端函數的封裝,而 RegisterStartupScript 返回得函數在 document 裝載完成後會執行,類似於我們平時所說的body onload="f()" 裡面的函數;這兩個方法在用戶端轉譯的代碼位置不同,RegisterClientScriptBlock 在 <form runat=server> 之後,而 RegisterStartupScript 在 </form> 之前。
要更清楚的知道 RegisterClientScriptBlock 和 RegisterClientScriptBlock 有什麼區別,只要觀察一下產生的 HTML 源檔案就知道了。