浅谈网页中各种链接引用方法


在网页中的引用(比如引用css,js,img等对象),总的来说可以分为以下几种方式

  view sourceprint?<%--第一种方法--%>

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

  <%--第二种方法--%>

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

  <%--第三种方法--%>

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

  <%--第四种方法--%>

  <link href="<%=ResolveUrl("~/site.css")%>" rel="stylesheet" type="text/css" />

  下面,我在分析一下这四种方法的优缺点

  方法一:    /url

  用法:

  这个是从域名顶部开始查找文件

  如果你的页面是:http://dozer.cnblogs.com/article/1.aspx

  引用的css文件时:/css/site.css

  最后的css路径就是:http://dozer.cnblogs.com/css/site.css

  也就是说,它会忽略 http://dozer.cnblogs.com 后面的所有东西,然后加上自身

  局限性:

  如果你的网站是一个子网站,比如在IIS下的一个网站中建立应用程序(而不是直接建立一个网站)

  那么你网站的根目录就会是:http://www.test.com/website

  问题来了,因为引用都是根据url来判断的,它根本无法区别你网站的根目录是什么,所以解析出来的地址也会错误,会把"website"都忽略掉

  方法二:  url

  用法:

  这个是相对的路径

  如果你的页面是:http://dozer.cnblogs.com/article/1.aspx

  引用的css文件时:css/site.css

  最后的css路径就是:http://dozer.cnblogs.com/article/css/site.css

  也就是说,它会去除最后一个"/"后的东西,然后加生自身

  局限性:

  这个的局限性有2个:

  第一:如果你在masterpage中做了一个引用,但是内容页却在不同的文件夹,最后的引用是根据内容页来判断的,所以就出错了。

  第二:如果你用了UrlRewrite,那url和实际文件系统是不同的,那很明显也会出错。

  方法三:     ../url

  用法:

  其实这个和方法二一样,../ 是返回上一级的意思

  如果你的页面是:http://dozer.cnblogs.com/article/1.aspx

  引用的css文件时:../css/site.css

  最后的css路径就是:http://dozer.cnblogs.com/css/site.css

  局限性:

  局限性和方法二一样

  另外,IIS默认不允许用 ../ 来返回父级,所以要配置一下

  方法四:     <%=ResolveUrl("~/site.css")%>

  用法:

  这个用法和方法一差不多,但是有个好处,就是可以避免方法一的局限性

  因为这个是靠服务器解析出来的,而不是在客户端执行的,所以能识别子网站

  如果你的页面是:http://www.cnblogs.com/dozer/article/1.aspx

  引用的css文件时:<%=ResolveUrl("~/site.css")%>

  最后的css路径就是:http://www.cnblogs.com/dozer/site.css

  局限性:

  这个方法是万能的,但是也不是完美的

  因为要靠服务器解析,所以当然不能所见即所得啦,还有就是要多打那么多字,很麻烦



相关阅读:
Tuning工具Statspack的几个使用误区
教你迅速手动定制Windows XP系统的启动画面
破除一些网站复制、右键限制
如何在MySQL数据库中定义外键
浅析Oracle用户权限分配的具体方法
javascript图片自动缩放和垂直居中处理函数
javascript 获取特定的 CSS属性值
磁盘管理--umount
让插入到 innerHTML 中的 script 跑起来的代码
SQL Server复制技术
Exchange环境中的 IIS 锁定和 URLscan 配置(1)
SQLServer中的切割字符串SplitString函数
innerHTML 和 getElementsByName 在IE下面的bug 的解决
PHP sprintf()函数用例解析
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 恋钱记 爸爸是夜猫子作文200字 【童年趣事】那些天很热的日子 通信工程专业就业前景 初中初三作文800字:日记一则——游温岭长屿硐天熊猫馆 拿破仑名言,关于拿破仑的名言 双联富民活动纪实总结 金融专业本科毕业论文 献给老师的话 优秀寝室主要事迹 浅析山楂叶中多糖活性成分的分离提取 爱护生命时代作文500字 初中初一作文700字:不同的世界 桃花山的春天作文600字 同志实绩鉴定 不会“提问”中国大学生 感悟人性之光——读《最美中国人》有感 自由作文300字 小学数学组教研活动计划 2015改作风抓落实促发展自查报告 毁灭寄语 无意偷盗 关于恐龙的作文900字 生命中的那些来来往往的朋友 小狐狸朵朵的“流水账” 63张献血证的救赎 合肥六中2016——2017学年度第一学期工会工作计划 上形体课 青春,为爱前行 雪绒花的骄傲 关于烈士陵园扫墓观后感:烈士陵园扫墓观后感 你若记得我 你说日子明媚如昨 一枝香雪 工程设计类大赛获奖感言 香港的夜景 莫让叹息夺了幸福 家有花草的感伤 2011元宵节晚会领导致辞 高中中考作文700字:运动会4 小学五年级作文450字:动物赛跑 小学四年级作文450字:我和红领巾 月色温柔作文100字 2015某县理商业贿赂情况汇报材料 比利的故事500字 劳务劳动合同的格式 请记得要幸福 洗脑 入党转正书2017 在我心里永远有你的位置,无人可替代…

Copyright © 2016 phpStudy |