在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>