ASP.NET中使用javascript

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);
或者也可以这样用
Code

外部文件myScript.js里这样:

 

Code

 

不过注意:这里中文显示时会乱码,不知道怎样解决!

posted @ 2008-12-19 14:03  Mose  阅读(190)  评论(0编辑  收藏  举报