window location 之应用

学有二三事之能，终身用之有余，

URL（Uniform Resource Locator）统一资源定位符，完整的 URL 由下面几个部分组成：

scheme://host:port/path?query#fragment

scheme：通信协议

常用的 http , https , ftp , matio 等

host：主机

服务器（计算机）域名系统（DNS）主机名或 IP 地址。

port：端口号

整数，可选，省略时使用方案的默认端口，如 HTTP 的默认端口为 80。

path：路径

由零或多个/符号隔开的字符串，一般用来表示主机上的一个目录或者文件地址。

query：查询

可选，用于给动态网页（如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页）传递参数，可以有多个参数，用&符号隔开，每个参数的名歌值用=隔开。

fragment：信息片段

字符串，用于指定网络资源中的片段。例如一个网页中有多个名词解释，可使用 fragment 直接定位到某一个名词解释。（也称为锚点）

例子

对于以下的 URL，我们可以使用 js 的 Window.location 去获取其中的各个部分。

http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

① window.location.href

返回值：整个 URI 字符串（浏览器地址栏中完整的地址）

http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere

② window.location.protocol

返回值：URL 的协议部分

http

③ window.location.host

返回值：URL 的主机部分

www.x2y2.com

④ window.location.port

返回值：URL 的端口部分
PS： 如果采用默认的 80 端口（即便添加了：80），返回值并不是默认的 80 而是空字符，以上的例子返回的就是空字符。

⑤ window.location.pathname

返回值：URL 的路径部分

/fisker/post/0703/window.location.html 

⑥ window.location.search

返回值：查询(参数)部分
除了给动态语言赋值以外，我们同样可以给静态页面,并使用 javascript 来获得相应的参数值

?ver=1.0&id=6 

⑦ window.location.hash

返回值：锚点，# 及其后面的内容

#imhere

                                                                                                                                                                      猪头
                                                                                                                                                                   2020.4.13