MasterPage中资源的相对路径

 在MasterPage中使用相对路径，就可以使套用母版面的页面存在于任何路径下，下面看下几种资源如何引用相对路径

• 图片

首先将img加runat=’server’来标识成服务器控件，然后使用"~"来引用相对路径，示例：

<img runat='server' alt="logo" src="~/images/logo.png" />

• CSS

CSS的引用比较特殊，ASP.NET宿主会自动把它翻译成相对路径，如下：

<link href="css/index_style.css" type="text/css" rel="stylesheet" />

解析后为：

<link href="../css/tabs.css" type="text/css" rel="stylesheet" />

• javascript

同样的script也得引入相对路径，但不能再用runa=”server”了，因为如果这样的话，宿主会把js代码当成服务器代码来解析，而会出现语法错误，所以得用如下的方式：

<script type="text/javascript" src='<%=ResolveClientUrl("~/js/jquery-1.2.4b.js")%>'></script>

解析 后为：

<script type="text/javascript" src='../js/jquery-1.2.4b.js'></script>