JavaScript中的location.href

在JavaScript中，location.href是一个用于获取或设置当前页面URL的常用属性。它代表当前页面地址的字符串形式，可以用于刷新页面、跳转页面以及获取当前页面的URL参数。

获取当前页面URL

要获取当前页面的URL，只需使用location.href即可。例如：

console.log(location.href);

输出结果：

https://www.example.com/path/to/page.html?query=string#fragment

跳转页面

使用location.href可以实现页面跳转。例如：

location.href = 'https://www.example.com/new-page.html';

将当前页面跳转到https://www.example.com/new-page.html。

还可以使用相对路径进行跳转。例如：

location.href = '../new-page.html';

将当前页面跳转到上一级目录下的new-page.html页面。

刷新页面

使用location.href可以实现页面刷新。例如：

location.href = location.href;

将当前页面重新加载一次，表现为刷新页面。

获取URL参数

使用location.href可以获取URL中的参数信息。例如：

var queryString = location.href.split('?')[1];
var queries = queryString.split('&');
var queryParams = {};

for (var i = 0; i < queries.length; i++) {
  var query = queries[i].split('=');
  queryParams[query[0]] = query[1];
}

console.log(queryParams);

输出结果：

{
  query: 'string'
}

以上代码示例中，我们首先通过split方法将URL切割成两部分，分别是URL主体和URL参数。然后通过split方法将URL参数切割成多个子字符串，并将其存储在对象queryParams中。

结论

location.href是JavaScript中一个非常实用的属性，它可以实现页面跳转、页面刷新以及获取URL参数等操作。使用location.href可以让我们在开发页面时更加便捷和高效。