ASP.NET WebForms中CSS链接的<%= %>表达式无法解析取值
问题产生原因
这个问题是ASP.NET WebForms的默认控件解析规则和页面生命周期机制导致的:
- WebForms页面默认生成的
<head>标签带runat="server"属性,会作为服务端控件运行。该控件在页面初始化阶段就会遍历内部所有<link>标签,自动重写href属性做路径适配,这个处理时机远早于<%= %>表达式的执行阶段:<%= %>本质是Response.Write()的简写,只会在页面最终渲染阶段执行,因此写在link href里的<%= version %>等不到执行就会被当成普通字符串原样输出,你遇到的href开头根路径/被吞掉的问题,也是这个自动路径处理逻辑导致的。 - 普通
<script>标签不会被服务端head控件做前置属性处理,标签内容会完整保留到渲染阶段,因此里面的<%= version %>可以正常解析替换为实际版本号。
修复方案
可以根据项目实际情况任选一种方案解决:
- 方案1:给link标签加
runat="server"标记,改用服务端控件标准的数据绑定表达式,在页面加载时完成值绑定。
前端页面代码修改为:
在后端Page_Load方法中添加绑定代码即可:<link runat="server" ID="themeCss" href="/Styles/ExampleCSSFile.css?v=<%# version %>" rel="stylesheet" />protected void Page_Load(object sender, EventArgs e) { // 保留原有业务逻辑 themeCss.DataBind(); // 如果页面存在多个服务端绑定表达式,也可以直接调用 Page.DataBind() 一次性完成所有绑定 } - 方案2:直接在渲染阶段整行输出link标签,绕开head控件的前置处理逻辑,不需要修改后端代码:
<%= string.Format("<link href=\"/Styles/ExampleCSSFile.css?v={0}\" rel=\"stylesheet\" />", version) %> - 方案3:如果页面不需要依赖服务端head控件的能力(比如动态设置页面Title、自动注册客户端脚本等),可以直接去掉
<head>标签上的runat="server"属性,此时head不会预处理内部的link标签,你原先写的<%= version %>就能和script标签里的表达式一样正常解析。
内容的提问来源于stack exchange,提问作者slowlygettingthere
相关产品推荐
相关产品推荐

