网站开发进阶(四十三)html中，路径前加“/” 与不加“/”的区别
网站开发进阶(四十三)html中，路径前加“/” 与不加“/”的区别
前言
<script src="js/downloadify.js"></script>表示加载你当前页面目录中名为js的子目录下面名为pic.js的js包。
加“/”是代表绝对路径，不加“/”是代表相对路径。
HTML绝对路径(absolute path)在网页制作中指带域名的文件的完整路径。
HTML相对路径(Relative Path)同一个目录的文件引用如果源文件和引用文件在同一个目录里，直接写引用文件名即可。
下面用示例来说明一下绝对路径和相对路径
绝对路径
假设有个域名www.xxx.com，并申请了虚拟主机，虚拟主机有一个目录，比如www，这个www就是网站的根目录。
根目录下放了一个文件index.html，这个文件的绝对路径是： http://www.xxx.com/index.html。
假设在www根目录下建了一个目录叫function，然后在该目录下放了一个文件info.html，这个文件的绝对路径就是http://www.xxx.com/function/info.html。
相对路径
假设：info.html路径是：d:/web/www/function/info.html
index.html路径是：d:/web/www/index.html
写法：<a href = "index.html">这是超连接</a>
上级目录
../表示源文件所在目录的上一级目录
假设：info.html路径是：d:/web/www/function/info.html
index.html路径是：d:/web/www/index.html
写法：<a href = "../index.html">这是超连接</a>
上上级目录
假设：info.html路径是：d:/web/www/function/inc/info.html
index.html路径是：d:/web/www/index.html
写法：<a href = "../function/inc/info.html">info.html</a>
下级目录
引用下级目录的文件，直接写下级目录文件的路径即可。
假设：info.html路径是：d:/web/www/function/info.html
index.html路径是：d:/web/www/index.html
写法：<a href = "function/info.html">这是超连接</a>.
美文美图
最新文章
- overload、overwrite、override
- Bootstrap 模态框（Modal）插件
- ComboBox的数据联动
- [iOS基础控件 - 6.12.2] Modal
- Android在onCreate()中获得控件尺寸
- js小写转实现资本,js数字革命万元
- 提高IOS开发效率的常用网站、开源类库及工具
- 原生JS实现弹出窗口的拖拽
- Android SDK下载安装及配置教程
- 《前端之路》之 Babel 下一代 JavaScript 语法编译器
- 分布式存储ceph——（5）ceph osd故障硬盘更换
- android checkbox自定义（文字位置、格式等）
- Tribonacci UVA - 12470 （简单的斐波拉契数列）（矩阵快速幂）
- MySQL 数据的 截取，数据清洗
- HDU 1251 统计难题（字典树 裸题 链表做法）
- 使用Gzip压缩数据，加快页面访问速度
- Java基础-SSM之Spring快速入门篇
- 总结这两天连续干掉的bug In 创新实训 智能自然语言交流系
- js事件总结
- 如何使用css影藏滚动条