使用window.location.href连续跳页并且使用对象传递参数
时间: 2023-07-04 15:26:13 浏览: 90
html页面跳转传递参数问题
可以通过以下步骤实现:
1. 在第一个页面中定义一个 JavaScript 对象并将要传递的参数作为其属性,比如:
```
var params = {
name: "John",
age: 30,
city: "New York"
};
```
2. 在第一个页面中使用 `encodeURIComponent()` 函数将对象转换为 URL 编码字符串,然后将其作为查询字符串附加到目标页面的 URL 中,比如:
```
var url = "page2.html?params=" + encodeURIComponent(JSON.stringify(params));
window.location.href = url;
```
3. 在第二个页面中使用 `decodeURIComponent()` 函数解码查询字符串,并使用 `JSON.parse()` 函数将其转换为 JavaScript 对象,比如:
```
var paramsStr = decodeURIComponent(window.location.search.substr(1)).split('=')[1];
var params = JSON.parse(paramsStr);
```
现在,你可以在第二个页面中使用 `params` 对象中的属性了。你可以使用类似的方式在第二个页面中将参数传递给第三个页面,以此类推。
阅读全文