- 注册时间
- 2011-6-22
- 最后登录
- 2012-4-26
- 阅读权限
- 20
- 积分
- 50
- 精华
- 0
- 帖子
- 50
- 性别
- 男
- 听众数
- 1
- 买家信用
 - 卖家信用
- 在线时间
- 21 小时
- 相册
- 0
|
发表于 2012-2-21 15:00:00
|显示全部楼层
|
今天在做项目的时候发现了母版页中引用css文件和js文件路径在内容页中发生路径错误。
先来说说问题发生的情况吧，在一个母版页中引用了js文件和css样式表文件
路径是使用的相对路径
<link href="../css/common.css" rel="stylesheet" type="text/css" />
<link href="../css/page.css" rel="stylesheet" type="text/css" />
<script src="../js/jquery-1.4.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/thcic_menu.js"></script>
母版页我放在项目根目录下，脚本文件和css文件我分别放在相应的文件夹中，
模式中这也是可见的，然后我加入内容页，内容页假设我放在网站根目录下面，然后放入内容，进入后台进行编程，基本上完成以后想看看效果，就F5进行了调试，不过缺发
现js没有起作用，在IE下查看源文件，发现引用处的css和js的路径发生了变化，
内容页中的引用的css文件的路径在页面加载运行后发生了变化，而js的路径没有相应的发生变化。
这样就造成了内容页中并不能正确的引用到js文件的路径，从而造成了错误。
其实这样的问题并不仅仅限于js,比如页面中的HTML基本元素，在内容页加载的时候也会因为相对路径的路径问题而产生这样那样的问题。
到这里可以查看稍微详细一点的信息。
对于这种问题，比较好的解决方案就是写成这样的形式
<script src='<%=ResolveUrl("~/js/jquery.js") %>' type="text/javascript"></script>
ResolveUrl方法会把服务器端的地址进行解析，转换之后的地址是诸如/Project/Folder/File.jpg
这样的绝对路径，转换之后就不用担心母版页带来的路径问题了。
|
|
/1 
窥视卡
雷达卡
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
发表于 2012-2-22 19:04:00
