我们都知道是 window.location 用来获取网页的 URL, 它是一个对象, 包含属性有很多, 今天我们就来捋一捋, 打开百度, 在控制台输入 window.location:
window.location
好, 我们可以看到 window.location 的全部属性:
下面一一说明:
hash: 从井号 (#) 开始的 URL
host: 主机名和当前 URL 的端口号
hostname: 当前 URL 的主机名
href: 完整的 URL
pathname: 当前 URL 的路径部分
port : 当前 URL 的端口号
protocol: 当前 URL 的协议
search : 从问号 (?) 开始的 URL
看的还不是很清楚?
莫急, 我们在打开个本地文件
本地 demo
完整的 UR
一个完整的 URL 包括以下几部分:
1. 协议部分: 该 URL 的协议部分为 http:, 这代表网页使用的是 HTTP 协议在 Internet 中可以使用多种协议, 如 HTTP,FTP 等等本例中使用的是 HTTP 协议在 "HTTP" 后面的 // 为分隔符
2. 域名部分: 该 URL 的域名部分为 www.aspxfans.com 一个 URL 中, 也可以使用 IP 地址作为域名使用
3. 端口部分: 跟在域名后面的是端口, 域名和端口之间使用: 作为分隔符端口不是一个 URL 必须的部分, 如果省略端口部分, 将采用默认端口
4. 虚拟目录部分: 从域名后的第一个 / 开始到最后一个 / 为止, 是虚拟目录部分虚拟目录也不是一个 URL 必须的部分本例中的虚拟目录是 / news/
5. 文件名部分: 从域名后的最后一个 / 开始到? 为止, 是文件名部分, 如果没有?, 则是从域名后的最后一个 / 开始到 #为止, 是文件部分, 如果没有? 和 #, 那么从域名后的最后一个 / 开始到结束, 都是文件名部分本例中的文件名是 index.asp 文件名部分也不是一个 URL 必须的部分, 如果省略该部分, 则使用默认的文件名
6. 锚部分: 从 #开始到最后, 都是锚部分本例中的锚部分是 name 锚部分也不是一个 URL 必须的部分
7. 参数部分: 从? 开始到 #为止之间的部分为参数部分, 又称搜索部分查询部分本例中的参数部分为 boardID=5&ID=24618&page=1 参数可以允许有多个参数, 参数与参数之间用 & 作为分隔符
来源: http://www.jianshu.com/p/3348327a3a49