母版页中引用图片,外部js、css文件的路径问题
来源:互联网 发布:淘宝卖家淘金币 编辑:程序博客网 时间:2024/05/22 00:35
当嵌套母版页的子页面与母版页不在同一级目录时,往往会牵涉到 外部图片、js、css文件引用的路径问题。(以下是引用别人加自己整理)
1. 图片、<a>标签
非常好解决
<img runat="server" src="~/images/log.gif" mce_src="~/images/log.gif"></script>
<a href="~/book/buy.aspx" mce_href="~/book/buy.aspx" runat="server"></a>
加上runat="server" ,路径使用绝对路径~/基本上就OK了。
2. CSS文件引用
<link rel="stylesheet" type="text/css" href="style.css" mce_href="style.css"></script>
这里神奇的就是link的文件的href是随着被访问文件的目录结构自动调整,说白了就考虑母版页引用的路径就 可以了,其他不用费心。
比如在母版页同目录下的一个文件夹内的一个xxx.aspx引 用的母版页,那么上面的语句在客户端就自动变为
<link rel="stylesheet" type="text/css" href="../style.css" mce_href="style.css"></script>
前提就是<head runat="server"></head>必须有runat="server"
3. JS文件的引用
<mce:script type="text/javascript" src="menu/jquery.min.js" mce_src="menu/jquery.min.js"></mce:script>
这样的话在其他目录下的页面文件,客户端肯定就引用不到了
那么你需要这样处理
<mce:script type="text/javascript" src='<%=ResolveUrl(“menu/jquery.min.js”) %><!--
'>
// --></mce:script>
<mce:script type="text/javascript" src="<%=ResolveClientUrl(“" mce_src="<%=ResolveClientUrl(“"menu/jquery.min.js”) %><!--
'>
// --></mce:script>
这是2种方式,在客户端的路径当然也会不一样,分别是:
<mce:script type="text/javascript" src="/Example/menu/jquery.min.js" mce_src="Example/menu/jquery.min.js"></mce:script>
<mce:script type="text/javascript" src="menu/jquery.min.js" mce_src="menu/jquery.min.js"></mce: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" mce_href="css/thickbox.css" type="text/css" />
<link rel="stylesheet" href="http://www.cnblogs.com/css/common.css" mce_href="http://www.cnblogs.com/css/common.css" type="text/css" />
<mce:script type="text/javascript" src="js/jquery-1.4.1.min.js" mce_src="js/jquery-1.4.1.min.js"></mce:script>
文章来源:http://blog.csdn.net/liujun198773/article/details/5913882
- 母版页中引用图片、外部js、css文件的路径问题
- 母版页中引用图片,外部js、css文件的路径问题
- 母版页引用外部文件的路径问题
- 引用外部.css或.js文件的路径问题
- 引用外部.css或.js文件的路径问题
- 引用外部.css或.js文件的路径问题
- 引用外部.css或.js文件的路径问题
- 引用外部.css或.js文件的路径问题
- 引用外部.css或.js文件的路径问题
- 引用外部.css或.js文件的路径问题
- 引用外部.css或.js文件的路径问题
- 引用外部.css或.js文件的路径问题
- ASP.NET中母版页引用外部js或css文件无效,提示对象未定义解决方法
- 母版页中引用js和css文件
- 引用外部.css或.js文件的路径问题--jsp或html页面引用
- ASP.NET 2.0中母版页中引用文件路径的问题
- ASP.NET中母版页中引用文件路径的问题
- ASP.NET 2.0中母版页中引用文件路径的问题
- 棋牌游戏服务器架构: 详细设计(二) 应用层设计
- 说句公道话
- C语言的 debug,log,try的区别和用法
- sizeof new delete
- 以后还得自已写点东西
- 母版页中引用图片,外部js、css文件的路径问题
- “ 第一次亲密接触”—系统测试
- hdu2352
- 使用CStdioFile 读取Unicode文件时出现乱码问题解决方案
- 新
- HDU 4288 Coder(12年成都 线段树)
- HDU 2573 打字 (2577动态规划)
- 添加配置文件代码 windows下安装emacs 其实也容易
- Java Applet 冲突检测简单版