javascript使用cookie实现页面跳转传值
时间: 2024-10-27 11:04:45 浏览: 9
在JavaScript中,你可以使用cookies来存储和传递值,特别是在做页面间的简单数据传输时。以下是一个基本的过程:
1. **设置Cookie**:
```javascript
document.cookie = "key=value; expires=expiry_date; path=path";
```
这里,`key`是你想要存储的数据的键,`value`是要存储的值,`expiry_date`是过期日期(格式如"Sat, 01 Jan 2022 00:00:00 GMT"),`path`是 cookie 的有效路径。
2. **读取Cookie**:
```javascript
var cookieValue = getCookie("key");
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
```
3. **页面跳转并携带Cookie**:
如果你想在跳转到另一个页面时将cookie一起发送过去,可以在目标页面的URL中附加查询字符串,例如 `window.location.href = "newpage.html?key=" + encodeURIComponent(cookieValue);`
4. **接收Cookie**:
在新页面`newpage.html`中,你可以通过类似的方式读取这个附加的查询字符串来获取cookie值。
然而,需要注意的是,cookie有大小限制(通常浏览器设置为4KB),并且不是安全的存储机制,敏感信息不应直接通过cookie传递。
阅读全文