頁面註冊js的方法比較

廳一一發表於2009-09-17
這裡只給出比較,對於js在頁面中各位置的作用,請參考其它文件

(一),通過Response來註冊。

這種方法會把JS程式碼寫在頁面的最頂部(<html>的前面)

Html為:

<script>alert(`test`);</script>

<htm>

<head><title>

       無標題頁

</title></head>

<body>

    <form name=”form1″ method=”post” action=”ResponseTest.aspx” id=”form1″>

<div>

<input type=”hidden” name=”__VIEWSTATE” id=”__VIEWSTATE” value=”/wEPDwUJNzgzNDMwNTMzZGR1X58dvYJq82PoD7eO7iID3VAarQ==” />

</div>

    <div>   

    </div>

    </form>

</body>

</html>

(二)通過RegisterStartupScript註冊

這種方法會把JS程式碼嵌入在頁面的底部、表單的最後 (</form>前面),適用於要在頁面控制元件載入完成後執行的JS程式碼

<htm>

<head><title>

       無標題頁

</title></head>

<body>

    <form name=”form1″ method=”post” action=”ResponseTest.aspx” id=”form1″>

<div>

<input type=”hidden” name=”__VIEWSTATE” id=”__VIEWSTATE” value=”/wEPDwUJNzgzNDMwNTMzZGR1X58dvYJq82PoD7eO7iID3VAarQ==” />

</div>

 

    <div>   

    </div>   

<script>alert(`test`);</script>

</form>

</body>

</html>

 

3 使用RegisterClientScriptBlock來註冊

<htm>

<head><title>

       無標題頁

</title></head>

<body>

    <form name=”form1″ method=”post” action=”ResponseTest.aspx” id=”form1″>

<div>

<input type=”hidden” name=”__VIEWSTATE” id=”__VIEWSTATE” value=”/wEPDwUJNzgzNDMwNTMzZGR1X58dvYJq82PoD7eO7iID3VAarQ==” />

</div>

 

<script>alert(`test`);</script>

    <div>   

    </div>

    </form>

</body>

</html>

 

4 RegisterClientScriptInclude

 

<html>

<head><title>

       無標題頁

</title></head>

<body>

    <form name=”form1″ method=”post” action=”ResponseTest.aspx” id=”form1″>

<div>

<input type=”hidden” name=”__VIEWSTATE” id=”__VIEWSTATE” value=”/wEPDwUKMTQ2OTkzNDMyMWRkjYxieQIBG8ed+2Q4Klx0t2vSxDQ=” />

</div>

 

<script src=”test.js” type=”text/javascript”></script>

<div>

 

       <input type=”hidden” name=”__EVENTVALIDATION” id=”__EVENTVALIDATION” value=”/wEWAgL6tayvBgKSoqqWD3vQXcwFvwN1ZlFp+YeinBhgnZk7″ />

</div>

    <div>

    <input type=”submit” name=”btn” value=”確定” id=”btn” />

    </div>

    </form>

</body>

</html>

 

部落格園大道至簡

http://www.cnblogs.com/jams742003/

轉載請註明:部落格園


相關文章