ASP.Net 3.5学习笔记(C#)五

最新推荐文章于 2024-03-09 00:53:41 发布

askme1alittle

最新推荐文章于 2024-03-09 00:53:41 发布

阅读量378

点赞数

CC 4.0 BY-SA版权

分类专栏： .Net一下ASP 文章标签： asp.net c# textbox javascript xhtml server

本文链接：https://blog.youkuaiyun.com/askme1alittle/article/details/3885944

.Net一下ASP 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了在ASP.NET中利用JavaScript进行页面和服务器控件处理的方法，包括将JavaScript放置在页面顶部或底部的不同策略，以及如何引用外部JavaScript文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

十二：通过JavaScript处理页面和服务器控件

示例1：

<%@ Page Language="C#" %>

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

</head>

<div>

<asp:TextBox ID="TextBox1" runat="server" Width="300"></asp:TextBox>

</div>

</form>

</body>

</html>

1. 使用Page.ClientScripterClientScriptBlock(此函数可以把JavaScript函数放债页面顶部)。

示例：

<%@ Page Language="C#" %>

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>

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

</head>

<body>

<div>

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

</div>

</form>

</body>

</html>

Html代码：

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

无标题页

</title></head>

<body>

<div>

</div>

//<![CDATA[

function AlertHello(){alert('Hello ASP.Net');}//]]>

</script>

<div>

</div>

<div>

</div></form>

</body>

</html>

注：在测试时由后台向前台写入JavaScript时出错，原因是在家在页面是在加载页面时JavaScript触发时间早于控件触发时间。

2. 使用Page.ClientScript.RegisterStartupScript(此函数可以把JavaScript函数放债页面底部)。

示例：

页面部分：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

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

</head>

<body>

<div>

<asp:TextBox ID="TextBox1" runat="server">Hello ASP.Net</asp:TextBox>

</div>

</form>

</body>

</html>

后台代码：

protected void Page_Load(object sender, EventArgs e)

{

string myScript = @"alert(document.forms[0]['TextBox1'].value);";

Page.ClientScript.RegisterStartupScript(this.GetType(), "MyScript", myScript, true);

}

页面代码：

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

无标题页

</title></head>

<body>

<div>

</div>

<div>

</div>

<div>

</div>

//<![CDATA[

alert(document.forms[0]['TextBox1'].value);//]]>

</script>

</form>

</body>

</html>

3. 使用Page.ClientScript.RegisterClientScriptInclude

许多开发人员都习惯吧JavaScript放在.js文件中，这是最好的方式，因为很容易把对JavaScript的修改应用于整个程序中。使用Page.ClientScript.

RegisterClientScriptInclude方法可以在ASP.Net页面上注册脚本文件。

示例：

后台

string myScript = "myScriptCode.js";

Page.ClientScript. RegisterClientScriptInclude("myKey",myScript);

页面