ASP.NET中后臺注冊js腳本使用的方法對比
2024-07-10 12:45:36
供稿：網友
用Page.ClientScript.RegisterClientScriptBlock 和Page.ClientScript.RegisterStartupScript：區別:
1.使用Page.ClientScript.RegisterClientScriptBlock
c#代碼
代碼如下:
<%@ Page Language=”C#” %>
<script runat=”server”>
protected void Page_Load(object sender, EventArgs e)
{
string myScript = @”function AlertHello() { alert(‘Hello ASP.NET'); }”;
Page.ClientScript.RegisterClientScriptBlock(this.GetType(),
“MyScript”, myScript, true);
}
</script>
運行結果如下：
代碼如下:
<html xmlns=”http://www.w3.org/1999/xhtml” >
<head><title>
Adding JavaScript
</title></head>
<body>
<form method=”post” action=”JavaScriptPage.aspx” id=”form1”>
<div>
<input type=”hidden” name=”__VIEWSTATE”
value=”/wEPDwUKMTY3NzE5MjIyMGRkiyYSRMg+bcXi9DiawYlbxndiTDo=” />
</div>
<script type=”text/javascript”>
<!--
function AlertHello() { alert(‘Hello ASP.NET'); }// -->
</script>
<div>
<input type=”submit” name=”Button1” value=”Button” onclick=”AlertHello();”
id=”Button1” />
</div>
</form>
</body>
</html>
2.使用Page.ClientScript.RegisterStartupScript
RegisterStartupScript 方法與RegisterClientScriptBlock方法最大的不同是：RegisterStartupScript 把script放置在 ASP.NET page的底部，而RegisterClientScriptBlock把script放置在ASP.NET page的頂部。
如果你的頁面中有如下代碼：
代碼如下:
<asp:TextBox ID=”TextBox1” Runat=”server”>Hello ASP.NET</asp:TextBox>
c#
代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
string myScript = @”alert(document.forms[0][‘TextBox1'].value);”;
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), “MyScript”, myScript, true);
}
此頁面運行時會報錯，原因是JavaScript function先于text box被安放于瀏覽器。因此JavaScript function找不到TextBox1。
c#
代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
string myScript = @”alert(document.forms[0][‘TextBox1'].value);”;
Page.ClientScript.RegisterStartupScript(this.GetType(), “MyScript”, myScript, true);
}
這段代碼把JavaScript function放置于ASP.NET page底部，因此JavaScript運行時它能找到TextBox1。
3.使用Page.ClientScript.RegisterClientScriptInclude
許多開發者把JavaScript放置在.js文件中，使用RegisterClientScriptInclude方法可以注冊.js文件中的JavaScript。
c#
代碼如下:
string myScript = “myJavaScriptCode.js”
Page.ClientScript.RegisterClientScriptInclude(“myKey”, myScript);
這將在ASP.NET頁面產生如下結構：
代碼如下:
<script src=”myJavaScriptCode.js” type=”text/javascript”></script>
