参考文件的相对路径

Question

我正在asp.net中开发一个应用程序，其中我指的是脚本和样式文件。我的默认页面位于根目录，其他页面位于文件夹中。我在母版页上参考这些链接。

 <link href="~/Styles/bootstrap.css" rel="stylesheet" type="text/css" />
 <script src="Scripts/bootstrap.js" type="text/javascript"></script>

在默认页面链接工作良好，但在其他网页，它不起作用。提供一条中间路线

Answer 1

您可以结合使用Page.ResolveUrl和~ (tilde)字符来识别网页根目录：

<script src="<%= Page.ResolveUrl("~/Scripts/bootstrap.js") %>" type="text/javascript"></script>

将在运行时解析为

<script src="<your page root>/Scripts/bootstrap.js" type="text/javascript"></script>

请注意，您不能在网页的部分中使用它，因为它将引发“控件集合不能修改”异常。您可以通过将脚本标记更改为服务器控件并在代码隐藏中设置路径，或者将脚本和样式标记从标头移出页面主体来解决这一问题。

Answer 2

正如Archer所说，如果脚本文件夹位于root中，则前缀js链接为'/‘

 <script src="/Scripts/bootstrap.js" type="text/javascript"></script>

这对于嵌套目录也很好。