js常用跳转代码(js新标签页跳转代码)

2023年 7月 30日 66.2k 0

在 JavaScript 中,有多种方法可以实现页面跳转。

以下是一些常用的页面跳转代码:

使用 window.location.href:

使用此方法可以将当前页面导航至新的 URL。

在 JavaScript 中,可以通过设置 window.location.href 属性的值来实现页面跳转。

示例代码:

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

使用 window.location.replace:

使用此方法可以将当前页面替换为新的 URL。

window.location.href 不同的是,此方法不会在浏览器历史记录中留下当前页面的记录。

示例代码:

window.location.replace("https://www.example.com");

图片[1]-js常用跳转代码(js新标签页跳转代码)-不念博客

使用 window.location.assign:

使用此方法可以将当前页面导航至新的 URL。

这与设置 window.location.href 的效果相同,会在浏览器历史记录中保留当前页面。

示例代码:

window.location.assign("https://www.example.com");

使用 window.open:

使用此方法可以在新窗口或新标签页中打开一个 URL。

此方法接受两个参数:URL 和打开方式。

打开方式可以是 _blank(新窗口或标签页)、_self(当前窗口或标签页)、_parent(父窗口或标签页)或 _top(最顶层窗口或标签页)。

示例代码:

// 在新标签页中打开 URL
window.open("https://www.example.com", "_blank");
// 在当前窗口或标签页中打开 URL
window.open("https://www.example.com", "_self");

以上就是 JavaScript 中常用的页面跳转代码。根据具体需求,您可以选择合适的方法来实现页面跳转。

相关文章

JavaScript2024新功能:Object.groupBy、正则表达式v标志
PHP trim 函数对多字节字符的使用和限制
新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
为React 19做准备:WordPress 6.6用户指南
如何删除WordPress中的所有评论

发布评论