ASP.NET中使用javascript(1)

1.使用Page.ClientScript.RegisterClientScriptBlock

使用 Page.ClientScript.RegisterClientScriptBlock可以防止javascript 函数放置在page的顶部

对于该输出，请注意：通过使用 RegisterClientScriptBlock，JavaScript 函数紧跟在 HTML 代码中开启元素 <form> 的后面。

下面就是个例子

前置文件4-10.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="4-10.aspx.cs" Inherits="_4_10" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:Button ID="button1" runat="server" Text="click" OnClientClick="AlertHello()" />
    </div>
    </form>
</body>
</html>

后置文件4-10.aspx.cs

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _4_10 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        String myScript = @"function AlertHello(){alert('hello World');}";
        Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "MyScript", myScript, true);
    }
}

运行一下看到什么？？点击 "click"按钮得到了一个alert。不过你仔细检查我们代码看到什么？发现我们没有写<script type="text/javascript"></script> 这样的开始终止呢。原来Page.ClientScript.RegisterClientScriptBlock已经自动的帮我们生成了。当然这个是在你的function还算是比较大的情况下使用这。

上面一个是正确的例子，来分析一个异常的例子

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="4-10.aspx.cs" Inherits="_4_10" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:TextBox ID="TextBox1" runat="server">Hello ASP.NET</asp:TextBox>
    </div>
    </form>
</body>
</html>

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class _4_10 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        String myScript = @"alert(document.forms[0]['TextBox1'].value);";
        Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "MyScript", myScript, true);
    }
}

一运行发生了一个错误，根本不弹出窗口，原因就是当Page.ClientScriptRegisterClientScriptBlock已经生效的时候，textbox还没有开始生成呢。所以根本就无办法找到TextBox1

这个时候只是需要修改一下Page.ClientScript.RegisterClientScriptBlock变成Page.ClientScript.RegisterStartupScript

2.Page.ClientScript.RegisterStartupScript()

当您有一个想要在页面加载时启动的 JavaScript 函数时.

 RegisterStartupScript 方法的两个可能结构如下：

• RegisterStartupScript (type, key, script)
 
• RegisterStartupScript (type, key, script, script tag specification)

Page.ClientScript.RegisterStartupScript(this.GetType(), "MyScript",

"function AlertHello() { alert('你好，ASP.NET'); }", true);

Button1.Attributes["onclick"] = "AlertHello()";

Button2.Attributes["onclick"] = "AlertHello()";

3. Page.ClientScript.RegisterClientScriptInclude

这个是用来include js 文件的，以前我们都是写个<script type......>个头在html中，现在不需要了

直接在asp.net 页面中书写以下代码，比如我们有个myjs.js 文件

string myScript ="myjs.js";
page.ClientScript.RegisterClientScriptInclude("mykey",myScript);