window.location.href详解

window.location.href是一个JavaScript属性，用于获取或设置当前页面的URL。

详解：

1. 获取当前页面的URL：通过访问window.location.href可以获取当前页面的URL。

例如：

console.log(window.location.href); //输出当前页面的URL

2. 跳转到指定URL：通过设置window.location.href可以将当前页面重定向到指定的URL。

例如：

window.location.href = "https://www.example.com"; //将当前页面重定向到指定的URL

需要注意的是，设置window.location.href会导致页面跳转，当前页面的所有状态和数据都会被丢失。

3. 修改URL的一部分：可以通过修改window.location.href的某些部分来改变当前页面的URL。

例如：

window.location.href = window.location.href.replace("example", "example2"); //将当前页面的URL中的 "example" 替换为 "example2"

通过修改URL的一部分，可以实现类似刷新页面、添加查询参数等功能。

4. window.location.href的其他属性和方法：

• window.location.href还包含一些其他属性和方法，例如：

• window.location.href = URL：设置当前页面的URL为指定的URL。

• window.location.href = “#fragment”：设置当前页面的URL的片段标识符为指定的值。

• window.location.href = “javascript:void(0)”：用于执行一个空的JavaScript操作，不会导致页面跳转。

• window.location.href.substring(start)：返回当前页面的URL从指定索引位置到末尾的子字符串。

• …

通过使用window.location.href的其他属性和方法，可以对URL进行更多的操作和处理。

总结：window.location.href是用于获取或设置当前页面的URL的JavaScript属性，可以通过设置它来进行页面的跳转、URL的修改等操作。