[ASP.NET]RegisterStartupScript跟RegisterClientScriptBlock的差別

RegisterStartupScript跟RegisterClientScriptBlock的差別

先前對這兩個function有諸多誤解,後來上國外的討論區看了一下,使用RegisterStartUpScript 時,該段Script會被註冊在</from>的結尾前,而使用RegisterClientScriptBlock ,該段script會被註冊在<form>的結尾後,網頁的render機制是這樣的:

html xmlns="
http://www.w3.org/1999/xhtml" >
<head><title>
 未命名頁面
</title></head>
<body>
    <form name="form1" method="post" action="RegisterTest.aspx" id="form1">
   
<script>document.getElementById('TextBox1').focus();</script>
    <div>
        <input name="TextBox1" type="text" id="TextBox1" /></div>
    <div>
    </form>
</body>
</html>

當我使用RegisterClientScriptBlock 時,由於script在元件Render出來前先被執行了,因此會出現找不到物件的錯誤,如果今天使用RegisterStartUpScript來註冊的話,script會長的像下面這樣,這時候網頁就不會有錯誤囉。

html xmlns="
http://www.w3.org/1999/xhtml" >
<head><title>
 未命名頁面
</title></head>
<body>
    <form name="form1" method="post" action="RegisterTest.aspx" id="form1">

    <div>
        <input name="TextBox1" type="text" id="TextBox1" /></div>
    <div>
    <script>document.getElementById('TextBox1').focus();</script>
    </form>
</body>
</html>

游舒帆 (gipi)

探索原力Co-founder,曾任TutorABC協理與鼎新電腦總監,並曾獲選兩屆微軟最有價值專家 ( MVP ),離開職場後創辦探索原力,致力於協助青少年培養面對未來的能力。認為教育與組織育才其實息息相關,都是在為未來儲備能量,2018年起成立為期一年的專題課程《職涯躍升的關鍵24堂課》,為培養台灣未來的領袖而努力。