Url相对路径的问题总结
更新时间：2020年6月25日 11:43 点击：2044
最让人担心的是，有时候必须使用绝对路径(如asp.net中的master内容)，因为处于开发过程，没有目标地址，也就无法配置绝对路径。有时确必须使用相对路径。
但是相对路径写好了，却存在各种各样的问题。
今天，我介绍大家两种不一样的方法。
首先介绍最简单的就是HTML5里新增的Base标签。
我们看它的用法，必须包含在head标签中。
<head>
<base target="_blank" href="www.Test.com" />
</head>
最重要的是,base标签配置好以后，浏览器将不再使用当前文档内的相对URL，而使用指定的基本 URL 来解析所有的相对 URL。
看上图，如果你的<a>、<img>、<link>、<form> 标签中的URL为"chamychen.jpg",那么浏览器会在链接地址时自动在此URL前加上base标签中指定的href地址，其打开方式也将遵循Base标签中设定的target属性。那么以后，我们可以在master,mvc可以在layout.shtml中设置base标签，来解决头疼的绝对径路和相对径路的问题。我们以后，可以把所有的相对径路，都设置成从网站根目录下开始。Base中配置网址就可以，解决所有的相对路径和绝对路径的问题了。
针对不支持html5的浏览器，其实我们可以使用C#写几句代码，就可以获取网站根目录的地址了：
public static string HostUrl()
{
String path = HttpContext.Current.Request.Url.Scheme + "://" +
HttpContext.Current.Request.Url.Authority +
(HttpContext.Current.Request.ApplicationPath == "/" ? "" : HttpContext.Current.Request.ApplicationPath);
return path;
}
综上所述：你只需要使用“网址+相对路径”的方式就能够处理因相对径路引发的问题。
如：http://www.Test.com/ab/abc.jpg
可以使用Base标签：
<head>
<base target="_blank" href="www.Test.com" />
</head>
相对路径写成：<img src="ab/abc.jpg"/>
如果使用多C#来支持：则为HostUrl()+"ab/abc.jpg"
但是相对路径写好了，却存在各种各样的问题。
今天，我介绍大家两种不一样的方法。
首先介绍最简单的就是HTML5里新增的Base标签。
我们看它的用法，必须包含在head标签中。
复制代码 代码如下:
<head>
<base target="_blank" href="www.Test.com" />
</head>
最重要的是,base标签配置好以后，浏览器将不再使用当前文档内的相对URL，而使用指定的基本 URL 来解析所有的相对 URL。
看上图，如果你的<a>、<img>、<link>、<form> 标签中的URL为"chamychen.jpg",那么浏览器会在链接地址时自动在此URL前加上base标签中指定的href地址，其打开方式也将遵循Base标签中设定的target属性。那么以后，我们可以在master,mvc可以在layout.shtml中设置base标签，来解决头疼的绝对径路和相对径路的问题。我们以后，可以把所有的相对径路，都设置成从网站根目录下开始。Base中配置网址就可以，解决所有的相对路径和绝对路径的问题了。
针对不支持html5的浏览器，其实我们可以使用C#写几句代码，就可以获取网站根目录的地址了：
复制代码 代码如下:
public static string HostUrl()
{
String path = HttpContext.Current.Request.Url.Scheme + "://" +
HttpContext.Current.Request.Url.Authority +
(HttpContext.Current.Request.ApplicationPath == "/" ? "" : HttpContext.Current.Request.ApplicationPath);
return path;
}
综上所述：你只需要使用“网址+相对路径”的方式就能够处理因相对径路引发的问题。
如：http://www.Test.com/ab/abc.jpg
可以使用Base标签：
<head>
<base target="_blank" href="www.Test.com" />
</head>
相对路径写成：<img src="ab/abc.jpg"/>
如果使用多C#来支持：则为HostUrl()+"ab/abc.jpg"
下一篇: c#给图片添加文字的代码小结
相关文章
- 很多时候,我们在图片或者其他（a标签，flash）中指定链接的时候，我们需要选择是使用绝对路径，或者是相对路径....2020-06-25