我正在 asp.net 中开发一个应用程序,我在其中引用脚本和样式文件。我的默认页面位于根目录,其他页面位于文件夹中。我在母版页上引用这些链接。
<link href="~/Styles/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="Scripts/bootstrap.js" type="text/javascript"></script>
在默认页面链接工作正常,但在其他页面它不工作。提供中间途径
我正在 asp.net 中开发一个应用程序,我在其中引用脚本和样式文件。我的默认页面位于根目录,其他页面位于文件夹中。我在母版页上引用这些链接。
<link href="~/Styles/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="Scripts/bootstrap.js" type="text/javascript"></script>
在默认页面链接工作正常,但在其他页面它不工作。提供中间途径
您可以结合使用 Page.ResolveUrl 和 ~(波浪号)字符来识别网页根:
<script src="<%= Page.ResolveUrl("~/Scripts/bootstrap.js") %>" type="text/javascript"></script>
将在运行时解析为
<script src="<your page root>/Scripts/bootstrap.js" type="text/javascript"></script>
请注意,您不能在网页部分中使用它,因为它会引发“无法修改控件集合”异常。您可以通过将脚本标记更改为服务器控件并在代码隐藏中设置路径,或者将脚本和样式标记从标题移到页面正文中来解决此问题。
正如 Archer 所说,如果您的脚本文件夹位于根目录中,则前缀 js 链接带有“/”
<script src="/Scripts/bootstrap.js" type="text/javascript"></script>
这也适用于嵌套目录。