本文介绍JavaScript中实现页面跳转并携带参数的两种主流方式。第一种通过修改URL路径直接拼接查询字符串，适用于简单参数传递；第二种利用SessionStorage在窗口生命周期内存储键值对数据，适合敏感或复杂数据传输。文章提供了具体的代码示例及参数获取方法，帮助开发者根据实际需求选择合适的技术方案。
JS通过携带参数实现页面跳转
方案一：在跳转URL中附加参数
发起跳转的页面代码示例：
location.replace("user.html?username=" + username + "&userPsd=" + userPsd);接收跳转参数的页面代码示例：
//获取路径携带的参数
var username = (location.search).substring(((location.search).indexOf("=") + 1), (location.search).indexOf("&"));
//传递一个参数时，用下面的获取
var password = (location.search).substring(((location.search).lastIndexOf("=") + 1), (location.search).length);局限性：URL末尾会显示参数名与具体数值
.../html/user.html?username=aaa&userPwd=111
方案二：利用 sessionStorage 进行数据传递
sessionStorage 对象支持在浏览器端存储键值对数据，其作用域限定于当前窗口或标签页，当该窗口或标签页关闭时，所保存的数据将被清除。
发送数据的页面代码：
//获取输入框的值
var username = document.getElementById("username").value;
var userPsd = document.getElementById("password").value;
//跳转路径
location.replace("user.html");
//设置sessionStorage：-----------主要代码-------------------------------
window.sessionStorage.setItem('username', username); window.sessionStorage.setItem('password', userPsd);可通过浏览器开发者工具验证：运行代码后，点击鼠标右键选择“检查”功能。
接收数据的页面代码：
//在跳转后页面，通过getItem方法来获取
var username = window.sessionStorage.getItem('username');
var password = window.sessionStorage.getItem('password');具体的键值对数据需依据实际需求进行调整。
至此，关于JS携带参数实现页面跳转的教程已介绍完毕，如需了解更多相关JS携带参数实现页面跳转内容，建议查阅本站过往文章或继续阅读下文的相关文章，期待大家日后能继续支持本站！