JavaScript 跳转允许在网页中导航或更改 URL,包括窗口跳转(加载新页面)和位置跳转(仅更改 URL)。窗口跳转可使用 window.location.assign()、.replace() 和 .reload() 方法,位置跳转则使用 .href 属性。注意:更新后的 URL 应与当前页面相关,位置跳转在 URL 相同的情况下不会触发更改,reload() 会完全重新加载页面。
JS 跳转的使用
简介
JavaScript (JS) 跳转是一种在网页中触发页面导航或更改当前 URL 的方法。
类型
有两种主要的 JS 跳转类型:
窗口跳转:在当前窗口或标签中加载新页面。位置跳转:仅更改当前页面 URL,而不会加载新页面。
窗口跳转
要实现窗口跳转,请使用 window.location 对象的以下方法:
.assign():加载一个新页面并替换当前页面的历史记录。.replace():加载一个新页面并从历史记录中删除当前页面。.reload():重新加载当前页面。
位置跳转
要更改当前页面的 URL,请使用 window.location 对象的 href 属性。将新 URL 分配给 href 会更新 URL 而不会加载新页面。
示例
以下是一些使用 JS 进行跳转的示例:
窗口跳转到新页面:
window.location.assign("https://example.com");
登录后复制
窗口跳转并替换历史记录:
window.location.replace("https://example.com");
登录后复制
位置跳转:
window.location.href = "https://example.com";
登录后复制
注意事项
使用 window.location 进行跳转时,确保更新后的 URL 与当前页面相关。对于位置跳转,如果新 URL 与当前 URL 相同,它不会触发任何更改。使用 reload() 时,页面会完全重新加载,包括所有图像、样式和脚本。
以上就是js跳转怎么使用的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2675090.html