上一篇
如何解决ASP.NET脚本报错问题？ASP.NET脚本优化技巧分享
在 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 应用，推荐优先使用后台逻辑 + 数据绑定,提升可维护性。
