关于asp.net mvc:母版页中的路径

关于asp.net mvc:母版页中的路径

Paths in master pages

我已经开始使用ASP.net mvc网站的母版页,但遇到了一个问题。 当我在母版页上链接样式表时,似乎可以正确更新工作表的路径。 那是我有的代码

1
<link href="../../Content/Site.css" rel="stylesheet" type="text/css" />

但一旦页面被馈送到浏览器,我就会看源

1
<link href="Content/Site.css" rel="stylesheet" type="text/css" />

这是完美的。 但是,相同的路径转换似乎不适用于脚本文件。

1
<script src="../../Content/menu.js" type="text/javascript">

就是一样的东西 它似乎仍然可以在顶层页面上运行,但是我怀疑只是浏览器/ Web服务器可以纠正我的错误。 有没有办法让src路径也被遍历?


1
<script src="<%= ResolveClientUrl("~/Content/menu.js") %>" type="text/javascript">

制作扩展方法。 这是一个方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
public static string ResolveUrl(this HtmlHelper helper, string virtualUrl)
{
    HttpContextBase ctx = helper.ViewContext.HttpContext;
    string result = virtualUrl;

    if (virtualUrl.StartsWith("~/"))
    {
        virtualUrl = virtualUrl.Remove(0, 2);

        //get the site root
        string siteRoot = ctx.Request.ApplicationPath;

        if (!siteRoot.EndsWith("/"))
            siteRoot +="/";

        result = siteRoot + virtualUrl;
    }
    return result;
}

然后,您可以像这样编写脚本引用:

1
<script type="text/javascript" src="<%= Html.ResolveUrl("~/Content/menu.js")%>">

或者您可以在页面的HEAD部分使用BASE标签。 然后,所有链接都是相对于在"基本"标签中输入的位置而言的,您不必使用" ../../"和"?"东西。 CSS文件中的链接(背景url等)除外,其中链接是相对于CSS文件的位置而言的。


使用此代替:

1
<link href="~/Content/Site.css" rel="stylesheet" type="text/css" />


推荐阅读