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堂課》,為培養台灣未來的領袖而努力。 |