关于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的那些事儿

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