iframe获取父页面标签

在HTML中，`<iframe>`元素用于在当前文档中嵌入另一个HTML文档（称为“帧”）。如果你想要从嵌入的子页面（iframe的内容窗口）获取其父页面的标签，通常这是不可能直接通过JavaScript完成的，因为浏览器出于安全原因限制了跨域脚本的能力。但是，你可以这样做：

1. **同源策略**：如果`<iframe>`加载的是同源内容（即协议、域名和端口都相同），那么可以在父页面通过`window.parent`或`window.top`引用到父级窗口。

// 父页面
document.getElementById('yourIframe').contentWindow.postMessage("GetParent", "*");

// 子页面（iframe）
window.addEventListener("message", function(event) {
    if (event.origin === 'parent-origin') {
        console.log("Parent page's HTML tag:", event.data);
    }
});

在这里，`postMessage`允许在跨域通信中传递数据，而监听者在子页面接收消息并打印出父页面的数据。

2. **CORS**（跨资源共享）允许来自指定源的请求，但一般不是用来获取整个HTML标签，而是发送API请求。

由于上述方法受限于浏览器的安全措施，实际操作中你可能会遇到跨域问题。除非你有后端支持或者使用一些特定的库如`fetch`配合JSONP等手段，否则获取完整的父页面HTML标签通常是做不到的。