先来简单说下URI、URL、URN这三个鬼东西。
URI全称Uniform Resource Identifier，统一资源标识符
URL全称Uniform Resource Locator，统一资源定位符
URN全称Uniform Resource Name，统一资源名称
URI（统一资源标识符）有以下两种形式
URL是一个用于标识某一互联网资源名称的字符串
URN是URL的一种更新形式，统一资源名称不依赖于位置，并且有可能减少失效连接的个数。
大白话就是URL和URN都是URI的子集，其中URI是URL的另一种更新形式而已
下面来说下URL的组成
举个栗子，比如https://www.baidu.com:80/item/url/110640?fr=aladdin这个地址
URL由下面几个部分组成
第一部分-协议（scheme）
该URL的协议部分是https（超文本传输协议），https表示用安全套接字层传送的超文本传输协议，它是一种加密的HTTP传输协议，比HTTP更安全
常用的协议有http、https、ftp、file、mailto
第二部分-域名
一个URL中也可以使用IP地址作为域名使用
域名分为顶级域名www.baidu.com、二级域名baike.baidu.com、三级域名baike.tieba.baidu.com
第三部分-端口
用来区分同一台服务器上不同服务的标识
HTTP默认端口为80，端口范围是0-65535之间
HTTPS默认端口号443，FTP默认端口号21
跟在域名后面的是端口，域名和端口之间用 ":" 作为分隔符。另外端口不是URL必须的部分，如果省略端口将采用默认端口
第四部分-虚拟目录（路径）
从域名后的第一个"/"开始到最后的/为止为虚拟目录。虚拟目录也不是URL必须部分
这里的/斜杠可能是目录也可能是接口
第五部分-文件名（？查询信息）
域名最后一个斜杠 / 到？部分，如果没有？则是从域名后的最后一个 / 到 #
其中？代表查询信息，window.location.search方法可以获取到，该方法可以读也可以写，写了查询信息会刷新页面
第六部分-锚信息（#哈希）
#号之后的都是锚信息 hash值。window.location.hash方法可以获取到，该方法也是可读可写，写了锚信息不会刷新页面
其中window.onhashchange方法当hash值发生变化时候才会触发该方法