JavaScript 实现页面跳转的两种核心方法

作者:闭包旅人

时间:2026-10-27

浏览:327

本文介绍JavaScript中实现页面跳转的两种主要方式。第一种是通过修改window.location.href属性,在当前窗口内加载新URL;第二种是使用window.open()方法,在浏览器中打开一个新的标签页或窗口。通过对比HTML超链接的target属性,清晰展示了两种JS实现路径的区别与适用场景。

文章目录

JavaScript 实现页面跳转的两种核心方法

首先,通过HTML超链接实现跳转,例如:<a href="https://www.jb51.net" title="本站">Welcome</a>。

当前窗口跳转:window.location.href

在JavaScript中,这种在当前窗口打开链接的效果等效于以下代码:

window.location.href="https://www.jb51.net"; // 该操作会在当前窗口中加载新页面,实现跳转。

 

其次,通过HTML超链接在新窗口打开,例如:<a href="https://www.jb51.net" title="本站" target="_blank">Welcome</a>。

新窗口打开:window.open

在JavaScript中,这种在新窗口或新标签页打开链接的效果等效于以下代码:

window.open("https://www.jb51.net"); // 该操作会在一个新的浏览器窗口或标签页中打开指定URL。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章