js实现href
在 JavaScript 中实现 href 功能
可以通过多种方式在 JavaScript 中实现类似 HTML 中 <a> 标签的 href 功能，以下是几种常见方法：
使用 window.location.href 进行页面跳转
通过修改 window.location.href 属性，可以导航到新的 URL：
window.location.href = "https://example.com";使用 window.open() 打开新窗口或标签页
window.open() 方法可以在新窗口或标签页中打开链接：
window.open("https://example.com", "_blank");动态创建 <a> 标签并触发点击
可以动态创建一个 <a> 元素，设置其 href 属性，并模拟点击：
const link = document.createElement("a");
link.href = "https://example.com";
link.target = "_blank";
link.click();使用 location.assign() 方法
location.assign() 方法会加载新的文档并保留浏览器历史记录：
location.assign("https://example.com");使用 location.replace() 方法
location.replace() 方法会替换当前文档，但不保留历史记录：
location.replace("https://example.com");在事件监听器中实现跳转
可以在事件监听器中实现跳转逻辑，例如按钮点击：
document.getElementById("myButton").addEventListener("click", function() {
window.location.href = "https://example.com";
});使用 history.pushState() 更新 URL 而不刷新页面
如果需要在不刷新页面的情况下更新 URL，可以使用 History API：
history.pushState({}, "", "https://example.com/new-path");注意事项
- 使用
window.open()可能会被浏览器的弹出窗口拦截器阻止。 location.replace()不会在浏览器历史记录中创建新条目。- 动态创建的
<a>标签方法适用于需要模拟用户点击的场景。
