js携带参数页面跳转

方法一:跳转路径携带参数

第一个页面:
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);
缺点:跳转后的路径后面携带参数和值

.../html/user.html?username=aaa&userPwd=111

方法二: sessionStorage传递

sessionStorage属性允许在浏览器中存储 key/value 对的数据,但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');
具体数据可根据实际要求更改

技术
下载桌面版
GitHub
百度网盘(提取码:draw)
Gitee
云服务器优惠
阿里云优惠券
腾讯云优惠券
华为云优惠券
站点信息
问题反馈
邮箱:[email protected]
QQ群:766591547
关注微信