ASP.NET中注册客户端脚本的三种方式

1. RegisterClientScriptBlock

把Javascript函数放在页面顶部

代码如下：

protected void Page_Load(object sender, EventArgs e)
{
  string myScript = @"function AlertHello() {
                      var oText = document.getElementById('TextBox1');
                      alert(oText.value); }";
  Page.ClientScript.RegisterClientScriptBlock(this.GetType(),
               "MyScript", myScript, true);
}

生成的html代码如下：

2. RegisterStartupScript

把Javascript函数放在页面底部

代码如下：

protected void Page_Load(object sender, EventArgs e)
{
  string myScript = @"document.getElementById('TextBox1').value = 'Hello ASP.NET.';
                      var oText = document.getElementById('TextBox1');
                      alert(oText.value); ";
Page.ClientScript.RegisterStartupScript(this.GetType(),
               "MyScript", myScript, true);
}

生成的html代码如下：

3. RegisterClientScriptInclude

注册外部的Javascript脚本文件

代码如下：

protected void Page_Load(object sender, EventArgs e)
{
string myScript = "../JS/myJavaScriptCode.js";
Page.ClientScript.RegisterClientScriptInclude("MyScript", myScript);
}

Javascript代码如下：

function AlertHello() {
var oText = document.getElementById('TextBox1');
alert(oText.value);
}

HTML中调用如下：

<asp:Button ID="Button1" Runat="server" Text="Button"
OnClientClick="AlertHello()" />

它也是把script脚本放在代码底部

技术改变世界