ASP.NET母版页与内容页相对路径的问题

最新推荐文章于 2017-05-10 18:53:38 发布
最新推荐文章于 2017-05-10 18:53:38 发布
阅读量1.2k 收藏
点赞数
分类专栏： ASP.NET

ASP.NET母版页与内容页相对路径的问题

1. 图片问题

    图片显示问题：
<img runat="server" src="~/images/ad468x60.gif" alt="" />

方法1：如果<img>标签外层有runat"server"类型的form 加上runat="server" 路径使用绝对路径~/
方法2： background="<%=ResolveClientUrl("~/image/Logo1.jpg")%>"
方法3：使用服务器标签  <asp:Image runat="server" ID="img" ImageUrl="~/images/close.jpg" />
    背景图问题:
在一个控件的背景使用背景图的时候，在相对路径下会找不到图片，此时只需要将此图片设置成CSS文件的相对路径就可以了：
如CSS定义：.menu_head { background-image:url(../images/plus.gif);background-repeat:no-repeat; background-position:right;}
JS文件中改变此背景图: $(this).css({ backgroundImage: "url(/images/minus.gif)" });

其中url的路径从‘/’开始，表示从网站的根路径开始寻址

2. CSS文件引用

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

这里神奇的就是link的文件的href是随着被访问文件的目录结构自动调整，说白了就考虑母版页引用的路径就可以了，其他不用费心。

比如在母版页同目录下的一个文件夹内的一个xxx.aspx引用的母版页，那么上面的语句在客户端就自动变为

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

前提就是<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/ddsmoothmenu.js")%>'></script>

那么很明显ResolveClientUrl是相对路径，是比较好用的，当然ResolveUrl也有很多地方需要这样的绝对路径，其中TLERP是web应用的名字。

4.母版页下查找DOM问题

方式1：使用母版页，组件的id都会变得，所以不能写死，要用 xxxx.ClientID 动态的
方式2：利用jquery智能的selector。  var arg = $('[id$=TextBox1]').val();（未验证）
获取window的width和div的width时出现的问题：
一般情况下： （$(".page")代表一个div）
var windowWidth = $(window).width();
var pageWidth = $(".page").width();
但使用母版页后，内容页与母版页不在同一目录时则不可用：
调试后发现$(window)的第一个元素为一个Window Window下包含innerWidth属性
$(".page")的第一个元素为一个HTMLDivElement 下面包含clientWidth属性
所以改写后为：
var windowWidth = $(window)[0].innerWidth;
            var pageWidth = $(".page")[0].clientWidth;

 

ASP.NET母版与内容页相对路径的问题 

2011-11-24 10:34:44|  分类： 默认分类 |  标签：相对路径  母版页  绝对路径内容页  |举报 |字号大中小 订阅  

1. 图片问题

非常好解决

<img runat="server" src="~/images/ad468x60.gif" alt="" />

加上runat="server" ，路径使用绝对路径~/基本上就OK了。

2. CSS文件引用

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

这里神奇的就是link的文件的href是随着被访问文件的目录结构自动调整，说白了就考虑母版页引用的路径就可以了，其他不用费心。

比如在母版页同目录下的一个文件夹内的一个xxx.aspx引用的母版页，那么上面的语句在客户端就自动变为

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

前提就是<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/ddsmoothmenu.js")%>'></script>

这是2种方式，在客户端的路径当然也会不一样，分别是：

<script type="text/javascript" src='/TLERP/menu/jquery.min.js'></script>

<script type="text/javascript" src='../menu/ddsmoothmenu.js'></script>

那么很明显ResolveClientUrl是相对路径，是比较好用的，当然ResolveUrl也有很多地方需要这样的绝对路径，其中TLERP是web应用的名字。

另外，如果你将这样的代码放在了<head>里面，将会报错：

控件包含代码块(即 <% ... %>)，因此无法修改控件集合。

原因我不说了，你将引用的东西放在<body>里即可，哪怕是<body>和<form>之间。

在看了上面的东西后 的确很实用

比如说你在母版页中用到了背景 background-image:url(./image/Logo1.jpg);

第一种方法：

建立一个CSS文件，然后用到上面的2方法。

第二种方法：

用到上面的3

background="<%=ResolveClientUrl("~image/Logo1.jpg")%>"

 

kirawoo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
ASP.NET主题、母版页和站点导航
05-31
介绍ASP.NET主题、母版页和站点导航的基本概念和应用
浅谈Asp.Net母版页和内容页运行机制
10-17
总结来说，Asp.Net母版页和内容页的运行机制是通过母版页的模板化设计和内容页的定制化内容，实现了页面的统一布局和高效管理。开发者可以利用这一机制快速构建一致性的多页面网站，从而提升开发效率和用户体验。...
母版页和相对路径
9年.NET撸码员，月薪5K
04-10 111
一个经常让开发人员疑惑的问题是母版页是如何处理相对路径的。如果你使用的是静态文字，这一问题不会困扰你。不过，如果你加入了&lt;img&gt;标签或者指向其他资源的HTML标签，问题就可能发生。 当你把母版页和内容页放在不同的目录时，问题就发生了。把母版页和内容页分放到不同的目录，这是大型网站推荐使用的最佳实践。实际上，微软建议你在专门的文件夹里保存所有的母版页。不过，如果你不够小心，使用相对路...
母版页跟内容页不在同一级目录导致文件错误解决方法
小宝不姓韦的专栏
10-12 1254
        母版页跟内容页不在同一级目录下，母版页里的引用路径都错了。css文件还好点，能够成功加载，但是JS文件的路径就出错了，所有的脚本都无效。       因为一般我们在母版页写路径的时候都是写相对路径“/scriptdir/scriptfile.js”。如果内容页跟母版页路径不一样，上面的语句就变成内容页的路径下，的scriptdir了。为了解决这个问题，我们在脚本导入href中写
asp.net 母版 子页 超链接路径 与 符号“/”
weixin_30708329的博客
12-24 94
图1： 图2： 上图是在母版中所写的代码，母版与其生成的子页不在同一文件夹下，若在母版中省略了斜杠“/”，则将被认为是子页所在位置的Default页面，若加上“/”，则相对于母板页所在位置进行计算。 转载于:https://www.cnblogs.com/frankyang2014/archive/2012/12/24/2831536.html...
asp.net 中的相对路径
closurer的博客
05-10 1822
在 web form 编程中，一个完整的 url 是一般是这样的： http://yourdomain.com/dir/file.aspx 程序员在编写指向 file.aspx 这个页面的代码的时候，往往不知道项目会部署到什么域名中，又或者测试的时候所使用域名与正式环境所使用域名不相同。在 IIS 中，还有在一个网站中创建应用的做法，更有多个域名指向同一个网站的情况…… 可能在网页部
asp.net母版页多种样式.zip
07-08
ASP.NET母版页是.NET Framework中的一个重要特性，用于创建具有统一布局和导航的Web应用程序。母版页（Master Page）允许开发人员定义一个全局的页面布局，子页面（Content Page）则可以插入到母版页中，填充特定的...
ASP.NET母版页基础知识介绍
10-23
1. **创建母版页**：在Visual Studio中，选择“新建” -> “ASP.NET母版页”，然后在代码中定义ContentPlaceHolder控件，用于内容页放置特定内容的位置。 2. **创建内容页**：新建一个ASP.NET页面，设置`...
在ASP.NET 2.0中操作数据之三：创建母版页和站点导航
10-22
【ASP.NET 母版页】 在ASP.NET框架中，母版页（Master Pages）是一种强大的机制，用于实现网站的统一布局和设计。母版页的概念类似于自定义用户控件，但其作用范围更广，可以应用于整个网站。通过母版页，开发者可以...
ASP.NET母版页
07-06
在VS08（Visual Studio 2008）这个开发环境中，创建和使用ASP.NET母版页非常便捷。以下是一些关于母版页的核心知识点： 1. **母版页结构**：母版页通常包含固定的部分，如页头、页脚、侧边栏和导航菜单，这些区域被...
ASP.NET程序中设置相对路径的方法
花海的专栏
06-30 2092
如图所示，这是个绝对路径。 改为相对路径的方法是：AppDomain.CurrentDomain.BaseDirectory。 如下图所示：
asp.net相对路径
我的IT世界
05-09 1833
其实asp.net已经对相对路径做了点调整（相对ASP),现在相对路径很简单了。 "/" 表示根路径 "../"表示父路径 比如你的东西在根路径的a目录下的b目录下，而图片在根路径的images，怎么用图片呢： 只要"/images/t.gif" 就可以了。ASP.NET 启用了 Web 应用程序根目录运算符 (~)，在服务器控件中指定路径时，可以使用该运算符。ASP.NET 会将 ~ 运算符
ASP.NET 2.0 中母版页与内容页的控件之间的访问
夏风鱼的专栏
10-25 674
ASP.NET 2.0比以前版本的一个较大的改进，就是提供了母版页 。那么它与内容页之间是怎么通讯的呢，可以参照如下事例，就能够实现其功能(代码很简单，就不加注释了 源代码下载)：using System;using System.Data;using System.Configuration;using System.Collections;using System.Web;using 
【原创】asp.net中的绝对路径和相对路径
weixin_30885111的博客
05-21 81
在实际的asp.net网站开发过程中，经常需要做用户控件，或者引用一些公用的页面。这时候很容易出现一个问题，就是被引用到的图片，文件很可能无法定位准确。有的时候在当前目录，有的时候在上一层，或者下一层目录。虽然是同一个文件，但在不同层级页面中被引用时，相应的路径是不一样。 这时，不得不利用根目录来了统一定位。在asp.net中用"~/" ，而在html中定义的根目录是 "/"。 <...
java web第一个项目学习笔记
nameilv的专栏
01-15 596
request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+2010-07-19 22:27<br /><br /><%<br />String path = request.getContextPath();<br />String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPor
asp.net母版页的路径问题
csdn姚宏波
05-10 4001
母版页的路径问题大都是由于使用了相对路径产生的。只需要将相对路径改成根路径(即从网站的根目录开始的路径)就OK了。 首先说一下错误的路径写法，下面是程序文件的结构，文件Index.aspx和文件admin/login.aspx都引用了母版页Site1.Master Site1.Master中代码如下 主页 登录 浏览Index.aspx，点击链接"登录"，跳转到login.as
ASP.NET程序设计：使用母版设计网站.ppt
05-15
知识要点 任务 场景 任务 实施 知识 拓展 知识 要点 任务 场景 任务 实施 知识 拓展 知识 要点 任务 场景 任务 实施 知识 拓展 知识 要点 任务 场景 任务 实施 知识 拓展 项目三：校园便利店系统界面设计 任务二：使用母版设计网站 任务2 使用母版页设计网站 任务场景： 使用ASP.NET母版页可以为Web应用程序中的页面创建一致的布局和风格，使网站的维护、扩展和修改工作变得更容易。单个母版页可以为Web应用程序中的所有页（或一组页）定义所需的外观和标准行为。然后可以创建包含要显示内容的各个内容页。当用户请求内容页时，这些内容页与母版页合并并将母版页的布局与内容页的内容组合在一起输出。如果需要更新或修改一个应用了母版页的网站，只需要修改母版页就可以动态地改变所有页面的外观。 本任务主要通过使用母版页来设计个人网站，最终达到掌握母版页和内容页的创建与应用的目的。 母版页的工作原理 母版页 内容页 运行机制 确定网站布局 知识要点 母版页 母版页是具有扩展名 .master（如MySite.master）的ASP.NET文件，它具有可以包括静态文本、HTML元素和服务器控

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值