componentwillmount里面能获取window.location.href吗
时间: 2023-12-13 22:06:14 浏览: 108
在`componentwillmount`中,可以使用`window.location.href`来获取当前页面的URL地址。但是,React官方文档建议在`componentDidMount`中获取URL地址,因为在`componentWillMount`中获取到的URL地址可能并不是最终的URL地址,而是重定向前的URL地址。而`componentDidMount`中获取到的URL地址则可以保证是最终的URL地址。
相关问题
获取window.location.href 的参数
以下是获取window.location.href参数的两种方法:
1.使用正则表达式解析参数
```javascript
function getUrlParam(name, urlsearch) {
return (decodeURIComponent((new RegExp("[?|&]" + name + "=" + "([^&;]+(&|#|;|$)").exec(urlsearch || location.search) || [, ""])[1].replace(/\+/g, "%20")) || null);
}
// 示例
let id = getUrlParam("id", window.location.href);
console.log(id); // 输出:id参数的值
```
2.使用URLSearchParams对象解析参数
```javascript
let params = new URLSearchParams(window.location.search);
let id = params.get("id");
console.log(id); // 输出:id参数的值
```
js获取 window.location.href返回的值
以下是获取`window.location.href`返回值的JavaScript代码:
```javascript
var currentUrl = window.location.href;
console.log(currentUrl); // 输出当前页面的URL
```
该代码将当前页面的URL存储在变量`currentUrl`中,并使用`console.log()`函数将其输出到控制台。