js获取cookie然后输出在页面上
时间: 2024-03-27 22:39:23 浏览: 115
可以通过JavaScript中的document.cookie来获取当前页面的cookie,然后将其输出在页面上,代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>获取cookie并输出</title>
</head>
<body>
<div id="cookie"></div>
<script>
var cookie = document.cookie; //获取cookie
document.getElementById("cookie").innerHTML = "当前页面的cookie为:" + cookie; //将cookie输出在页面上
</script>
</body>
</html>
```
此代码中,我们首先在页面中创建了一个id为cookie的div元素,然后通过JavaScript中的document.cookie获取当前页面的cookie,并将其输出在这个div元素中。
相关问题
js获取页面cookie
要获取页面中的Cookie,可以使用JavaScript中的`document.cookie`属性。`document.cookie`返回一个包含当前页面所有Cookie的字符串。
```javascript
const cookies = document.cookie;
console.log(cookies);
```
输出的结果将是一个包含所有Cookie的字符串,格式如下:
```
cookie1=value1; cookie2=value2; cookie3=value3
```
你可以进一步解析这个字符串,提取出具体的Cookie名称和值。以下是一个示例函数,用于将`document.cookie`字符串解析为一个对象:
```javascript
function parseCookies(cookieStr) {
const cookies = {};
cookieStr.split(';').forEach(cookie => {
const [name, value] = cookie.trim().split('=');
cookies[name] = value;
});
return cookies;
}
const cookies = parseCookies(document.cookie);
console.log(cookies);
```
这将返回一个包含每个Cookie名称和值的对象。
请注意,使用`document.cookie`只能获取到当前页面的Cookie。如果你想在前端获取其他域或子域的Cookie,由于浏览器的安全策略,是不允许直接获取到的。
js 获取cookie
可以使用 document.cookie 来获取当前页面的 cookie。该属性返回一个字符串,其中包含所有 cookie,每个 cookie 以分号和空格分隔。例如:
var myCookie = document.cookie;
console.log(myCookie); // 输出所有 cookie
阅读全文