js上如何做到跳转页面

使用 javascript 跳转页面的方法有：直接跳转：直接设置 location.href 属性为目标 url。相对跳转：通过 window.location.assign() 相对于当前 url 进行跳转，不会修改历史记录。添加附加参数：通过 window.location.search 属性向 url 附加查询字符串。替换当前页面：使用 window.location.replace() 替换当前页面，不会在历史记录中留下痕迹。

如何使用 JavaScript 跳转页面

直接跳转

• location.href = "url"：直接跳转到指定的 URL。
• window.location.replace("url")：替换当前页面历史记录并跳转到指定的 URL，不会在历史记录中留下痕迹。

相对跳转

• window.location.assign("url")：相对当前 URL 进行跳转，例如 /path/to/page 相对于当前 URL 跳转到 /path/to/page。

附加参数

• window.location.search = "query_string"：向 URL 附加查询字符串，例如 ?key=value。

示例

// 直接跳转到 www.example.com
location.href = "https://www.example.com";

// 相对跳转到相同的域下的 /page 路径
window.location.assign("/page");

// 向 URL 附加查询参数
window.location.search = "?id=123";

// 替换当前页面并跳转
window.location.replace("https://www.example.com/new-page");

登录后复制

以上就是js上如何做到跳转页面的详细内容，更多请关注其它相关文章！

Tags： 跳转页面