在 ASP.NET 中，”脚本”通常指在 .aspx 页面中嵌入的服务器端代码（如 C# 或 VB.NET），用于动态生成 HTML 内容,以下是关键概念和示例：
脚本块类型
标准脚本块 (<% ... %>)
- 执行服务器端代码,不直接输出内容。
- 示例：循环输出列表
<ul> <% List<string> items = new List<string> { "Apple", "Banana", "Cherry" }; foreach (var item in items) { Response.Write("<li>" + item + "</li>"); // 动态写入 HTML } %> </ul>
输出表达式 (<%= ... %>)
- 输出变量或表达式的值（等效于
Response.Write）。 - 示例：显示当前时间
<p>当前时间: <%= DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss") %></p>
服务器控件标签 (<asp:Control>)
- 使用 ASP.NET Web Forms 控件（无需手动写脚本）。
- 示例：Label 控件
<asp:Label ID="lblMessage" runat="server" Text="默认文本" />
后台代码（
.aspx.cs）中动态修改：
protected void Page_Load(object sender, EventArgs e) { lblMessage.Text = "页面加载时间: " + DateTime.Now.ToString(); }
完整 ASP.NET Web Forms 示例
页面 (ScriptExample.aspx)
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ScriptExample.aspx.cs" Inherits="YourNamespace.ScriptExample" %>
<!DOCTYPE html>
<html>
<head>ASP.NET 脚本示例</title>
</head>
<body>
<form runat="server">
<!-- 输出表达式 -->
<h1>欢迎, <%= GetUserName() %>!</h1>
<!-- 标准脚本块 -->
<%
int a = 10, b = 20;
int sum = a + b;
%>
<p>10 + 20 = <%= sum %></p>
<!-- 服务器控件 -->
<asp:Button ID="btnClick" runat="server" Text="点击我" OnClick="btnClick_Click" />
<asp:Label ID="lblResult" runat="server" />
</form>
</body>
</html>
后台代码 (ScriptExample.aspx.cs)
using System;
namespace YourNamespace
{
public partial class ScriptExample : System.Web.UI.Page
{
// 从表达式 <%= GetUserName() %> 调用
public string GetUserName() => "张三";
// 按钮点击事件
protected void btnClick_Click(object sender, EventArgs e)
{
lblResult.Text = "按钮被点击于: " + DateTime.Now.ToString("HH:mm:ss");
}
}
}
注意事项
- 避免过度使用脚本块
逻辑尽量放在后台代码（.aspx.cs）中,保持前端简洁。 - Razor 语法替代方案
现代 ASP.NET Core 使用 Razor 语法（.cshtml），更简洁：<p>@DateTime.Now.ToString("yyyy-MM-dd")</p> @{ int x = 5; int y = 3; } <div>@x * @y = @(x * y)</div> - 安全风险
使用<%# Eval("Property") %>数据绑定时，注意防范 XSS 攻击（对输出编码）：<%= Server.HtmlEncode(userInput) %>
常见错误
- 脚本块位置错误
不能在服务器控件标签内直接使用<% ... %>（需用数据绑定<%# ... %>）。 - 未指定
runat="server"
服务器控件必须添加此属性，否则会被视为普通 HTML。
通过结合脚本块、服务器控件和后台代码，ASP.NET 可以灵活构建动态 Web 应用，推荐优先使用后台逻辑 + 数据绑定,提升可维护性。
图片来源于AI模型，如侵权请联系管理员。作者：酷小编，如若转载，请注明出处：https://www.kufanyun.com/ask/289236.html
