js 获取url大全

URL即统一资源定位符 (Uniform Resource Locator, URL)，完整的URL由这几个部分构成：

• scheme://host:port/path?query#fragment
• scheme:通信协议，常用的http,ftp,maito等。
• host:主机，服务器(计算机)域名系统 (DNS) 主机名或 IP 地址。
• port:端口号，整数，可选，省略时使用方案的默认端口，如http的默认端口为80。
• path:路径，由零或多个”/”符号隔开的字符串，一般用来表示主机上的一个目录或文件地址。
• query:查询，可选，用于给动态网页（如使用CGI、ISAPI、PHP/JSP/ASP/ASP.NET等技术制作的网页）传递参数，可有多个参数，用”&”符号隔开，每个参数的名和值用”=”符号隔开。
• fragment:信息片断，字符串，用于指定网络资源中的片断。例如一个网页中有多个名词解释，可 - ##### 使用fragment直接定位到某一名词解释。(也称为锚点)

一、可以获得整个URL字符串（在浏览器中就是完整的地址栏）

代码：window.location.href

输出："http://www.code.net.cn/detail?majorId=17&articleId=53"

二、可以获得 URL 的协议部分

代码：window.location.protocol
输出："http:" 或 “https:”

三、可以获得 URL 的主机部分

代码：window.location.host
输出："www.code.net.cn"

四、可以获得 URL 的端口部分

代码：window.location.port
输出："8080"

五、获得 URL 的路径部分（就是文件地址）

代码：window.location.pathname
输出："/detail" 或 /article/index.html"

六、获得查询（参数）部分，除了给动态语言赋值以外，我们同样可以给静态页面，并使用javascript来获得相信应的参数值。

代码：window.location.search
输出："?majorId=17&articleId=53"

七、获得锚点。

代码：window.location.hash
输出：""