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母版页与内容页相对路径的问题的更多相关文章

  1. ASP.NET 母版页和内容页的加载顺序

    Master 模板页Content 内容页如果希望Master页面的数据传给Content页面,请Init如果希望Content页面的数据传给Master页面,请重载Load具体细节不多说了,看下面页 ...

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

    1. 图片问题 非常好解决 <img runat="server" src="~/images/ad468x60.gif" alt="" ...

  3. 【转】asp使用母版页时内容页如何使用css和javascript

    源地址:https://www.cnblogs.com/accumulater/p/6767138.html

  4. asp.net C#母版页和内容页事件排版载入顺序生命周期

    asp.net C#母版页和内容页事件排版载入顺序生命周期 关于ASP页面Page_Load发生在事件之前而导致的问题已经喜闻乐见,对于问题的解释也非常全面.可是怎样解决这个问题则较少有人说明,我就再 ...

  5. asp.net C#母版页和内容页事件排版加载顺序生命周期

    asp.net C#母版页和内容页事件排版加载顺序生命周期 关于ASP页面Page_Load发生在事件之前而导致的问题已经喜闻乐见,对于问题的解释也很全面,但是如何解决问题则较少有人说明,我就再 简单 ...

  6. 使用母版页时内容页如何使用css和javascript

    由于网站的主要频道页和列表页的头部和底部都是一样的,如果将每个页面放在单独的页面中,当头部和底部需要更改时维护量太大.于是想把头部和底部做成母版页,频道页和列表页的具体内容放到内容页中.这样当头和底需 ...

  7. CSS 使用母版页的内容页如何调用css和javascript

    方案一: 把所有的css样式和javascript函数放到母版页的<head></head>中,我觉得这样做的弊端就是导致母版页的<head></head&g ...

  8. 引用母版页的内容页添加CSS文件

    在内容页当中定义一个类然后调用内中的方法即可 public static class addstyle{  //可以不用实例化 public static void addstylesheet(Pag ...

  9. ASP.NET在母版页或内容页上获取控件ID

    原本想给一个button添加一个confirm,不同的分数提示不同的信息(大于80合格,小于80不合格,提示是否提交),最开始用了button.Atribute.Add();但是它每次获取到的是lab ...

随机推荐

  1. Python 网页投票信息抓取

    最近学习python,为了巩固一下学过的知识,花了半天(主要还是因为自己正则表达式不熟)写了个小脚本来抓取一个网站上的投票信息,排名后进行输出. 抓取的网站网址是http://www.mudidi.n ...

  2. ajax & jsonp & img

    ajax 是一种请求服务器的方式,核心是XMLHttpRequest对象: 优点是无需刷新页面, 缺点是不能跨域请求. /* * Ajax direacted by Zakas * * Ajax.ge ...

  3. jquery 源码学习（一）

    从上边的注释看,jQuery的源码结构相当清晰.条理,不像代码那般晦涩和让人纠结   1. 总体架构 1.1 自调用匿名函数 self-invoking anonymous function 打开jQ ...

  4. 8 C#中的字符串输出

    我们在前面已经用Console.WriteLine("*********")往dos窗口中输出过字符串.我们还定义过字符串的变量. string words ="我喜欢D ...

  5. 1.总结---tr()和QTextCodec对象

    1. 关于Qt 中的tr()函数-------http://tscsh.blog.163.com/blog/static/200320103201310213312518/ 在论坛中漂,经常遇到有人遇 ...

  6. 修改ip脚本

    1.打开运行 2.输入CMD 3.在命令提示符下输入: netsh -c interface ip dump > C:\我的网络配置.txt 4.打开您在C:\ 下的"我的网络配置 . ...

  7. 【BZOJ 1033】 [ZJOI2008]杀蚂蚁antbuster

    Description 最近,佳佳迷上了一款好玩的小游戏:antbuster.游戏规则非常简单:在一张地图上,左上角是蚂蚁窝,右下角是蛋糕,蚂蚁会源源不断地从窝里爬出来,试图把蛋糕搬回蚂蚁窝.而你的任 ...

  8. 在本地环境用虚拟机win2008 sever搭建VS2013 + SVN 代码版本控制环境

    此文仅仅是自己笔记做个备忘.因为自己开发一些中小型的软件经常需要修修改改,特别是winform界面的大改动.经常需要对版本进行管理.而租用分布式服务器和远程服务器都不是自己想要的.本文结合虚拟机 + ...

  9. Hibernate学习---第五节：普通组件和动态组件

    一.普通组件映射配置 1.创建组件类,代码如下: package learn.hibernate.bean; /** * 组件类 */ public class Phones { private St ...

  10. 时间日期设置--ctime头文件

    简述:ctime头文件中的4中与时间相关的数据类型 <ctime>头文件中定义了4种与时间有关的数据类型,如下:clock_tsize_ttime_tstruct tm clock_tCl ...