javascript 跳转允许在网页中导航或更改 url,包括窗口跳转(加载新页面)和位置跳转(仅更改 url)。窗口跳转可使用 window.location.assign()、.replace() 和 .reload() 方法,位置跳转则使用 .href 属性。注意:更新后的 url 应与当前页面相关,位置跳转在 url 相同的情况下不会触发更改,reload() 会完全重新加载页面。

(图1)

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");
    1、本站目前拥有近 1000+ 精品收费资源,现在加入VIP会员即可全部下载。
    2、本资源部分来源其他付费资源平台或互联网收集,如有侵权请联系及时处理。
    SEA模板网 » js跳转怎么使用

发表评论

加入本站VIP会员订阅计划,海量资源免费查看

目前为止共有 3654 位优秀的VIP会员加入! 立刻加入VIP会员