关于window.location的那些事儿

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

相关文章

  • 关于window.location的那些事儿

    好,我们可以看到window.location的全部属性:下面一一说明:●hash:从井号 (#) 开始的 URL...

  • window.location + window.history

    一、window.location 只读属性,返回关于 document 当前信息的 Location 对象,包含...

  • 关于计算机培训的那些事儿

    关于计算机培训的那些事儿 ...

  • 关于《关于那些事儿》

    关于《关于那些事儿》 创建这个专题,并没有什么目的性。关于这个专题,也没有什么分类、定义。 正如我对专题的描述,关...

  • 关于window.location

    比如,某个页面地址为http://localhost:81/demo/phonetype.html?a=b#cc构...

  • 关于那些事儿

    关于爱,不要太爱自己,太爱自己会变的狭隘自私,令人生厌。也不要太爱人,太爱人容易迷失,也容易令人倍感负累。 关于钱...

  • 那些关于节日的那些事儿

    临近年关,总感觉周围很多事情都在慢慢变得疏远和辛苦。 自己也变得情绪不可控,总想发脾气,孩子也不听话,自己也总是丢...

  • 关于你,关于那些事儿

    邂逅在2006年的那个秋天,今已十载。细数过往,我们故事的长短若用小说来度量,那一定可以书成一本长篇小说了。只是,...

  • 第1050 050|关于开学的那些事儿

    关于开学的那些事儿 又是一年开学季,在朋友圈到处飘散着的是关于开学的那些事儿,有官方开学通知的,也有表达开学恐惧症...

  • 关于理想的那些事儿

    理想是什么?简单说就是想做到的事,想把事做成什么样,想过什么样的生活,想达到什么样的人生高度,而设立的目标。 “曾...

网友评论

    本文标题:关于window.location的那些事儿

    本文链接:https://www.haomeiwen.com/subject/dlxrkxtx.html