参考文件的相对路径

时间:2013-11-11 12:08:55

标签: c# jquery asp.net css relative-path

我正在asp.net中开发一个应用程序,我在其中引用脚本和样式文件。我的默认页面位于root,其他页面位于文件夹中。我在主页上引用这些链接。

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

在默认页面链接工作正常,但在其他页面中它不起作用。提供中间途径

2 个答案:

答案 0 :(得分:1)

您可以将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>

请注意,您不能在网页的部分中使用它,因为它会抛出“无法修改控件集合”异常。您可以通过将脚本标记更改为服务器控件并在代码隐藏中设置路径,或将标题中的脚本和样式标记移动到页面正文中来解决此问题。

答案 1 :(得分:0)

如果你的脚本文件夹在root

中,Archer说前缀js与'/'链接
 <script src="/Scripts/bootstrap.js" type="text/javascript"></script>

这也适用于嵌套目录。