极客笔记JS 获取当前页面url
在前端开发中，有时候需要获取当前页面的URL，以便进行一些特定的操作或者数据处理。在JavaScript中，可以通过window对象的location属性来获取当前页面的URL。下面将详细介绍如何使用JavaScript来获取当前页面的URL。
方法一：使用window.location.href
window.location.href是一个字符串，包含当前页面的URL。可以直接读取window.location.href来获取当前页面的URL。示例代码如下：
const currentUrl = window.location.href;
console.log(currentUrl);
上述代码中，我们通过window.location.href来获取当前页面的URL，并将其存储在currentUrl变量中，然后通过console.log方法将其输出到控制台。运行以上代码，就可以在控制台看到当前页面的URL。
方法二：使用window.location.toString()
window.location.toString()方法也可以获取当前页面的URL，它与window.location.href的效果是一样的。示例代码如下：
const currentUrl = window.location.toString();
console.log(currentUrl);
以上代码会输出当前页面的URL，效果与方法一是一样的。
方法三：使用location.href
除了使用window.location对象外，还可以直接使用location.href来获取当前页面的URL。示例代码如下：
const currentUrl = location.href;
console.log(currentUrl);
通过上述代码，同样可以获取当前页面的URL。location.href是window.location的一个简写形式，效果是一样的。
方法四：使用document.URL
另一种获取当前页面URL的方法是使用document.URL属性。示例代码如下：
const currentUrl = document.URL;
console.log(currentUrl);
运行以上代码，同样可以获取到当前页面的URL。
方法五：使用location.pathname和location.host
除了获取完整的URL外，有时候还需要分别获取页面路径和域名。可以使用location.pathname和location.host属性来获取。示例代码如下：
const pathName = location.pathname;
const host = location.host;
console.log("页面路径：" + pathName);
console.log("域名：" + host);
上述代码中，使用location.pathname获取当前页面的路径，使用location.host获取当前页面的域名。运行以上代码，就可以分别输出页面路径和域名。
方法六：使用location.search获取查询参数
有时候需要获取URL中的查询参数，可以使用location.search属性来获取。示例代码如下：
const searchParams = location.search;
console.log("查询参数：" + searchParams);
以上代码会输出当前页面的查询参数部分。如果页面URL为http://example.com/?id=123&name=test，则输出为?id=123&name=test。
总结
本文介绍了通过JavaScript获取当前页面URL的几种方法，包括使用window.location.href、window.location.toString()、location.href、document.URL、location.pathname和location.host等属性的使用。根据实际需求可以选择合适的方法来获取当前页面的URL以及相关信息。