<div></div><iframe></iframe> iframe嵌入的页面中的数据怎么传到div中来
时间: 2023-09-01 13:09:38 浏览: 147
页面中iframe相互传值传参
要将iframe中的数据传输到div中,您可以使用JavaScript的postMessage()方法。在iframe中,使用postMessage()方法向父页面发送数据。在父页面中,使用window.addEventListener()方法侦听来自子页面的消息,并将消息存储在div中。
以下是一个示例代码:
在iframe中:
```
var data = "Hello World!";
parent.postMessage(data, "*");
```
在父页面中:
```
window.addEventListener("message", function(event) {
if (event.origin !== "http://example.com") // 验证消息来源
return;
var div = document.getElementById("myDiv");
div.innerHTML = event.data;
}, false);
```
在这个例子中,iframe向父页面发送了一条消息"Hello World!",并将其存储在id为"myDiv"的div中。请注意,如果您不验证消息来源,可能会受到跨站点脚本攻击(XSS)的风险。因此,请始终验证消息来源。
阅读全文