js携带参数实现页面跳转

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');

具体数据可根据实际要求更改