ASP.net從伺服器端向用戶端彈出alert對話方塊,但不使頁面變成白板

來源:互聯網
上載者:User

在做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 源檔案就知道了。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.