iframe中的html访问主页面的元素或函数

在iframe中访问主页面的元素或函数有两种方法：

1. 使用`window.parent`访问父级页面

可以使用`window.parent`来访问主页面的全局对象，从而获取主页面的元素或调用主页面的函数。例如，在iframe中执行以下代码可以访问主页面中的元素：

const mainPageElement = window.parent.document.getElementById('main-page-element-id');

2. 使用postMessage进行跨文档通信

`postMessage`是HTML5中的一种跨文档通信机制，可以在不同的窗口、标签页或iframe之间进行通信。通过在iframe中调用`window.parent.postMessage`方法，可以向主页面发送消息，主页面可以在`message`事件中监听消息，并做出相应的处理。例如，在iframe中执行以下代码可以向主页面发送消息：

window.parent.postMessage({ type: 'getMainPageElement' }, '*');

在主页面中，可以监听`message`事件并根据消息的类型进行相应的处理：

window.addEventListener('message', (event) => {
  if (event.data.type === 'getMainPageElement') {
    const mainPageElement = document.getElementById('main-page-element-id');
    // do something with mainPageElement
  }
});

需要注意的是，使用`postMessage`进行跨文档通信时需要确保消息的安全性，避免恶意代码对页面造成危害。