window.open、window.location.href、window.location.reload()、window.location.replace()

window.open、window.location.href、window.location.reload() 和 window.location.replace() 是 JavaScript 中常用的控制浏览器窗口和页面导航的方式。它们之间有一些显著的区别，主要体目前它们的功能、用途以及它们如何影响浏览器的历史记录（浏览器的 “后退” 按钮行为）。

window.open()

window.open() 用于打开一个新的浏览器窗口或标签页，或者如果你指定了一个已存在的窗口名称，它会在该窗口中加载指定的 URL

特点：

打开新窗口或标签页：可以打开一个新的浏览器窗口或标签页，或者在指定的现有窗口中加载页面
参数：
- URL：要加载的 URL。如果不指定，一般打开一个空白页面（about:blank）
- 窗口名称：一个可选的名称，用于标识窗口。如果指定一个名称并且已经有一个同名的窗口存在，那么该窗口会被复用
- 窗口特性：设置新窗口的大小、位置等属性（例如，width, height, top, left）

示例：

window.open( https://example.com ,  _blank ); // 打开新标签页
window.open( https://example.com ,  _self ); // 当前标签页打开
window.open( https://example.com ,  myWindow ,  width=800,height=600 ); // 在新窗口中打开

注意：

window.open() 可能会被浏览器的弹窗拦截器阻止，特别是在没有用户交互的情况下
不会影响当前页面的历史记录

window.location.href

window.location.href 是浏览器的当前 URL 地址，它可以用来读取或修改浏览器的 URL。当你修改 window.location.href 时，浏览器会导航到新的 URL

特点：

改变当前页面的 URL：修改 href 会导致浏览器加载指定的页面
会加入历史记录：当你修改 href 时，浏览器会将当前页面的 URL 加入历史记录栈，因此用户可以使用后退按钮返回到当前页面
可用作获取当前 URL：如果不赋值给它，直接访问 window.location.href 会返回当前页面的 URL

示例：

window.location.href; // 返回当前标签页 URL 地址
window.location.href =  https://example.com ; // 导航到新页面

注意：

会在历史记录中添加一条新的记录，因此用户可以点击浏览器的“后退”按钮返回当前页面

window.location.reload()

window.location.reload() 会重新加载当前页面。它等同于按浏览器的刷新按钮

特点：

重新加载当前页面：刷新页面，加载一样的 URL
不会改变历史记录：刷新页面不会在浏览器的历史记录栈中添加新的记录，因此不会影响用户的“后退”按钮行为
强制刷新：可以传递 true 参数强制重新加载页面，而不使用缓存

示例：

window.location.reload(); // 刷新当前页面
window.location.reload(true); // 强制从服务器重新加载页面，绕过缓存

注意：

不会改变 URL，只是重新加载当前页面

window.location.replace()

window.location.replace() 用于加载一个新的页面，并用新页面替换当前页面。这意味着当前页面不会保留在浏览器的历史记录中

特点：

替换当前页面：加载一个新页面，并将其替换为当前页面，当前页面的 URL 会被新页面的 URL 替换
不会添加历史记录：当前页面的 URL 被替换掉，因此用户不能使用“后退”按钮返回到当前页面
用于重定向：常用于进行页面重定向时，避免用户点击“后退”返回到旧页面

示例：

window.location.replace( https://example.com ); // 替换当前页面，不能回到当前页面

注意：

使用 replace() 会导致用户无法通过浏览器的“后退”按钮返回到当前页面，由于当前页面在历史记录中被替换掉了

总结：

方法	功能描述	会改变历史记录？	会影响“后退”按钮行为？
`window.open()`	打开新窗口或标签页	不会	不会
`window.location.href`	导航到新页面	会	会
`window.location.reload()`	重新加载当前页面	不会	不会
`window.location.replace()`	加载新页面并替换当前页面，不能回到当前页面	不会	不会