在JavaScript中,实现页面跳转的方式有多种,适用于不同场景:
window.location
对象undefined这是最常用的方式,直接操作浏览器地址:// 跳转到新URL
window.location = "https://example.com";
// 等价于
window.location.href = "https://example.com";
// 刷新当前页面
window.location.reload();
// 跳到上一页
window.location.back();
window.history
对象undefined用于操作浏览器历史记录(不刷新页面改变URL):// 前进一页
history.forward();
// 后退一页(同location.back())
history.back();
// 跳转到历史记录中指定位置(正数前进,负数后退)
history.go(-2); // 后退两页
a
标签模拟点击undefined动态创建或触发链接点击:// 创建a标签并触发点击
const link = document.createElement('a');
link.href = "https://example.com";
link.click();
document.location
undefined与window.location
基本等效:document.location = "https://example.com";
// 动态添加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
标签模拟更贴近用户交互行为。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。