工作学习笔记集程序员让前端飞

关于window.location的那些事儿

2017-07-25  本文已影响222人  巩小白
我们都知道是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”。参数可以允许有多个参数,参数与参数之间用“&”作为分隔符。
以上。
(注:前端开发,细碎繁杂。开这个专栏,仅仅是想把我平时工作学习中遇到的问题,给它记录下来,并没有做归纳梳理,所以不会那么详实连贯。大神大牛,请绕道。如果对你真有帮助,不吝赐我我一颗红心,或者赏我一颗糖吃,我也会满心笑纳,手动笑~~~)

上一篇下一篇

猜你喜欢

热点阅读