当嵌套母版页的子页面与母版页不在同一级目录时,往往会牵涉到外部图片、js、css文件引用的路径问题。(以下是引用别人加自己整理)
1. 图片、<a>标签
非常好解决
<img runat="server"src='~/images/log.gif'></script>
<ahref='~/book/buy.aspx' runat="server"></a>
加上runat="server" ,路径使用绝对路径~/基本上就OK了。
2. CSS文件引用
<link rel="stylesheet"type="text/css" href='style.css'></script>
这里神奇的就是link的文件的href是随着被访问文件的目录结构自动调整,说白了就考虑母版页引用的路径就可以了,其他不用费心。
比如在母版页同目录下的一个文件夹内的一个xxx.aspx引用的母版页,那么上面的语句在客户端就自动变为
<link rel="stylesheet"type="text/css" href='../style.css'></script>
前提就是<head runat="server"></head>必须有runat="server"
3. JS文件的引用
<script type="text/javascript" src='menu/jquery.min.js'></script>
这样的话在其他目录下的页面文件,客户端肯定就引用不到了
那么你需要这样处理
<script type="text/javascript" src='<%=ResolveUrl(“menu/jquery.min.js”) %>'></script>
<script type="text/javascript" src='<%=ResolveClientUrl(“'menu/jquery.min.js”) %>'></script>
这是2种方式,在客户端的路径当然也会不一样,分别是:
<script type="text/javascript" src='/Example/menu/jquery.min.js'></script>
<script type="text/javascript" src='menu/jquery.min.js'></script>
那么很明显ResolveClientUrl是相对路径,是比较好用的,当然ResolveUrl也有很多地方需要这样的绝对路径,其中Example是web应用的名字。
另外,如果不可用请在<head>标记中添加:runat="server"
当子页面需要引用自己的css、js外部文件时,可以在母版页的<head runat="server" ></head>标记中加添加一个标签
<asp:contentplaceholder runat="server" id="HeadContent" >
</asp:contentplaceholder>
子页面可在此标记中加入自己需要引用的文件
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="HeadContent" Runat="Server">
<link rel="stylesheet" href="css/thickbox.css" type="text/css" />
<link rel="stylesheet" href="http://www.cnblogs.com/css/common.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
相关推荐
对母版页使用css与javascript
在母版页的内容页中使用JS和CSS/////在母版页的内容页中使用JS和CSS.doc
ASP.NET 2.0创建母版页引来的麻烦-js无用
引用asp.net母版页后,母版页和内容页的页面事件执行顺序引用asp.net母版页后,母版页和内容页的页面事件执行顺序
母版页 的 使用母版页 的 使用母版页 的 使用
原来在频道页和列表页中有其各自的css引入和一些javascript函数,当使用母版页时,放在内容页中这些css样式和javascript函数怎么处理呢?因为大家知道,使用母版页的内容页是不能包含<head></head>标记...
一个visual studio 2015中关于母版页(masterpage)的例子,包括了母版页的创建使用,和套用母版页的其他页面的例子
母版页的使用方法包括母版页值传递等等母版页的使用方法包括母版页值传递等等母版页的使用方法包括母版页值传递等等
Web控件和母版页Web控件和母版页Web控件和母版页Web控件和母版页Web控件和母版页Web控件和母版页Web控件和母版页
内容页通过母版页与子母版页通信示例源码,附加动态加载导航菜单功能及头部图片切换功能
在内容页中控制母版页中用户控件中的控件及属性.doc
SharePoint_2013_中将HTML文件转换为母版页
天轰穿系列教程之-60MasterPage母版页创建 天轰穿系列教程之-60MasterPage母版页创建 天轰穿系列教程之-60MasterPage母版页创建 天轰穿系列教程之-60MasterPage母版页创建 天轰穿系列教程之-60MasterPage母版页创建 ...
asp.net2.0母版页技术源文件 asp.net2.0母版页技术源文件 asp.net2.0母版页技术源文件
母版页绑定页面的meta部分,在页面中读取数据库中相应的设置,有利于搜索引擎收录网站。
asp.net 嵌套母版页(实例演示) 包含有母版页、嵌套母版页、2个内容页可以直观的看到嵌套母版页应用的效果。
ASP.NET 的一个后台管理的母版页,适用于各种网站, 开发环境VS08。需要的朋友可以下载
母版页制作流程,完整的,一步步根据不同的需要可自行在母版页中添加内容,包括图片等一些公共内容,记得要添加div来进行页面布局
适用于初学者使用.net母版页的应用,希望能帮助初学C#的朋友们