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. wpf 在引用外部的资源字典

    启动的APP.xaml

  2. Android请求返回417解决办法

    今天碰到个很奇怪的问题,APP通过代理链接服务器会收到HTTP 417错误,经过网上查找发现是由于以下代码造成: HttpParams params = new BasicHttpParams(); ...

  3. Spring IOC 方式结合TESTGN测试用例,测试简单java的命令模式

    java命令模式: 可以命令("请求")封装成一个对象,一个命令对象通过在特定的接收着上绑定一组动作来封装一个请求.命令对象直接把执行动作和接收者包进对象中,只对外暴露出执行方法的 ...

  4. 编译原理之lex,yacc学习

    写在前面的几句废话 最近在项目的过程中接触了lex 和 yacc,他们可以帮助我们来实现自己的领域语言.最典型的应用就是可以帮助我们来实现自定义测试脚本的执行器.但是,这里也有一个限制,就是测试脚本要 ...

  5. windows phone 豆瓣api的封装

    利用周末的时候,重新封装一下豆瓣的api,就当是练手吧!其实现在网上好用的api很多,在这个demo里面基本上已经将整体框架搭建起来,本来想继续完善下去的.但是其实accesstoken的时候,一直拿 ...

  6. MongoDB 数据类型

    MongoDB支持许多数据类型的列表下面给出: String : 这是最常用的数据类型来存储数据.在MongoDB中的字符串必须是有效的UTF-8. Integer : 这种类型是用来存储一个数值.整 ...

  7. P1689: [Usaco2005 Open] Muddy roads 泥泞的路

    水题,模拟就行了,别忘了L>=r的时候直接更新下一个的L然后continue type node=record l,r:longint; end; var n,l,i,ans:longint; ...

  8. (转)要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping。”的解决办法。

    要“jquery”ScriptResourceMapping.请添加一个名为 jquery (区分大小写)的 ScriptResourceMapping.”的解决办法. 1.先将aspnet.scri ...

  9. ATR与ATS

    ATR:answer to reset  复位应答 ATS:answer to select 选择应答

  10. “我爱淘”冲刺阶段Scrum站立会议7

    完成任务: 大事不好,今天的任务还没有完成,没有通过xml文件通过服务器显示到软件中. 计划任务: 实现通过服务器将xml文件中的数据显示到软件中. 遇到问题: 服务器已经配好,并且解析xml文件的代 ...