iframe怎么把cooike带进去,代码怎么写
时间: 2024-03-17 17:44:09 浏览: 51
在使用iframe嵌入页面时,可以通过设置cookie的方式将cookie带入iframe中。具体的做法如下:
1. 在父页面中设置cookie,例如:
```javascript
document.cookie = "key=value";
```
2. 在iframe中获取cookie,例如:
```javascript
var cookie = document.cookie;
```
下面是一个完整的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>父页面</title>
<meta charset="utf-8">
</head>
<body>
<h1>父页面</h1>
<iframe src="child.html" id="iframe" width="500" height="500"></iframe>
<script type="text/javascript">
document.cookie = "key=value";
</script>
</body>
</html>
```
```html
<!DOCTYPE html>
<html>
<head>
<title>子页面</title>
<meta charset="utf-8">
</head>
<body>
<h1>子页面</h1>
<script type="text/javascript">
var cookie = document.cookie;
alert(cookie);
</script>
</body>
</html>
```
在上面的示例中,父页面中设置了cookie,然后将child.html作为iframe的src地址嵌入到父页面中。子页面中通过document.cookie获取cookie的值,然后弹出一个提示框,显示cookie的值。这样就可以将cookie带入到iframe中了。
阅读全文