JavaScript 页面跳转：代码示例与解释

JavaScript 页面跳转：代码示例与解释

本文将详细介绍 JavaScript 页面跳转的实现方法，并提供多种示例代码，帮助你轻松实现网页跳转功能。

使用 window.location.href 进行跳转

window.location.href 是 JavaScript 中最常用的跳转方法，它会直接将当前页面替换为新的 URL。

// 跳转到指定 URL
window.location.href = 'https://www.example.com';

// 跳转到相对路径
window.location.href = '/path/to/page.html';

使用 window.open() 在新标签页中打开页面

window.open() 函数可以用来在新标签页中打开指定 URL。

// 在新标签页中打开指定 URL
window.open('https://www.example.com', '_blank');

// 在新标签页中打开相对路径
window.open('/path/to/page.html', '_blank');

需要注意的是：

• window.location.href 会导致当前页面直接跳转到新的 URL。
• window.open() 会在新标签页中打开指定的 URL。

其他跳转方式

除了上述两种方法外，还有其他一些方式可以实现页面跳转，例如使用 <a> 标签的 href 属性，以及使用 location.replace() 函数。

希望本文能帮助你更好地理解 JavaScript 页面跳转的实现方式。