js获取页面URL地址

在WEB开发中，时常会用到javascript来获取当前页面的url网址信息，本文就简要聊一聊如何用JS取当前网页的url信息。 
URL即:统一资源定位符 (Uniform Resource Locator, URL)  完整的URL由这几个部分构成： 
scheme://host:port/path?query#fragment  scheme:通信协议 
常用的http,ftp,maito等。

可以打开开发者工具，直接在控制台输入console.log(window.location)进行查看

console.log(window.location)

在我所访问的地址的控制台输出，内容如下：

console.log(window.location)
index-08991c6e.js:41 
Location {href: "https://ant.design/components/menu-cn/#Menu", ancestorOrigins: DOMStringList, origin: "https://ant.design", protocol: "https:", replace: ƒ, …}
ancestorOrigins: DOMStringList {length: 0}
assign: ƒ assign()
hash: "#Menu"
host: "ant.design"
hostname: "ant.design"
href: "https://ant.design/components/menu-cn/#Menu"
origin: "https://ant.design"
pathname: "/components/menu-cn/"
port: ""
protocol: "https:"
reload: ƒ reload()
replace: ƒ ()
search: ""
toString: ƒ toString()
valueOf: ƒ valueOf()
Symbol(Symbol.toPrimitive): undefined
__proto__: Location

具体每一项如下：
window.location.pathname　//设置或获取对象指定的文件名或路径
window.location.href　//设置或获取整个 URL 为字符串

window.location.origin // 获取当前页面的域名
window.location.port　//设置或获取与 URL 关联的端口号码
window.location.protocol　//设置或获取 URL 的协议部分
window.location.hash　//设置或获取 href 属性中在井号“#”后面的分段
window.location.host　//设置或获取 location 或 URL 的 hostname 和 port 号码
window.location.hostname　//设置或获取 location 或 URL 的 hostname 和 port 号码
window.location.search　//设置或获取 href 属性中跟在问号后面的部分
window.location　//属性 描述 hash 设置或获取 href 属性中在井号“#”后面的分段javascript判断字符串中是否包含某字符串

//判断url地址中是否包含某字符串
indexOf函数方法示例用法：
例如：
var url = window.location.href;
if(url.indexOf(“link”) >= 0 ) { //判断url地址中是否包含link字符串
alert(“包含link字符”);
}