js如何带参数跳转页面

通过 javascript 的 window.location.href 属性携带参数跳转页面,语法为:window.location.href = "new_page_url?parameter1=value1¶meter2=value2"。参数使用 & 符号分隔,参数名称和值使用 = 分隔,window.location.href 会触发页面的导航。

js如何带参数跳转页面

如何使用 JavaScript 带参数跳转页面

JavaScript 中,我们可以使用 window.location 对象来跳转页面。要携带参数,我们可以使用 window.location.href 属性。

语法:

window.location.href = "new_page_url?parameter1=value1&parameter2=value2";

其中:

  • new_page_url 是要跳转到的新页面 URL。
  • parameter1 和 value1 是第一个参数和值对。
  • parameter2 和 value2 是第二个参数和值对。

示例:

window.location.href = "product_page.html?product_id=123&product_name=iPhone 14";

这将把用户跳转到 product_page.html,其中包含以下参数:

  • product_id:123
  • product_name:iPhone 14

要点:

  • 参数使用 & 符号分隔。
  • 参数名称和值之间使用 = 分隔。
  • JavaScript 中的 window.location.href 属性是一个字符串。
  • 通过指定一个新的 URL,window.location.href 会触发页面的导航。

以上就是js如何带参数跳转页面的详细内容,更多请关注其它相关文章!