javaScript 实现页面跳转的方式，你了解多少呢？

在JavaScript中，实现页面跳转的方式有多种，适用于不同场景：

使用window.location对象undefined这是最常用的方式，直接操作浏览器地址：代码语言：javascript复制// 跳转到新URL

window.location = "https://example.com";

// 等价于

window.location.href = "https://example.com";

// 刷新当前页面

window.location.reload();

// 跳到上一页

window.location.back();使用window.history对象undefined用于操作浏览器历史记录（不刷新页面改变URL）：代码语言：javascript复制// 前进一页

history.forward();

// 后退一页（同location.back()）

history.back();

// 跳转到历史记录中指定位置（正数前进，负数后退）

history.go(-2); // 后退两页通过a标签模拟点击undefined动态创建或触发链接点击：代码语言：javascript复制// 创建a标签并触发点击

const link = document.createElement('a');

link.href = "https://example.com";

link.click();使用document.locationundefined与window.location基本等效：代码语言：javascript复制document.location = "https://example.com";Meta标签刷新（非JS，但常配合使用）undefined通过HTML的meta标签实现定时跳转，也可在JS中动态设置：代码语言：javascript复制// 动态添加meta刷新标签，3秒后跳转

const meta = document.createElement('meta');

meta.httpEquiv = "refresh";

meta.content = "3;url=https://example.com";

document.head.appendChild(meta);不同方式的区别在于：location直接改变URL并加载新页面；history主要操作历史记录，适合单页应用路由；a标签模拟更贴近用户交互行为。