js调用子页面方法

<iframe id="myIframe" src="child.html"></iframe>
<script>
function callChildMethod() {
    var iframe = document.getElementById('myIframe');
    // 假设子页面有一个名为childFunction的方法
    iframe.contentWindow.childFunction('Hello from parent!');
}
</script>

<script>
function childFunction(message) {
    console.log('Message from parent:', message);
}
</script>

<iframe id="myIframe" src="https://example.com/child.html"></iframe>
<script>
function callChildMethod() {
    var iframe = document.getElementById('myIframe');
    // 发送消息到子页面
    iframe.contentWindow.postMessage('Hello from parent!', 'https://example.com');
}

// 监听子页面的消息
window.addEventListener('message', function(event) {
    // 验证消息来源
    if (event.origin !== 'https://example.com') return;
    console.log('Message from child:', event.data);
}, false);
</script>

<script>
// 监听来自父页面的消息
window.addEventListener('message', function(event) {
    // 验证消息来源
    if (event.origin !== 'https://yourdomain.com') return;
    console.log('Message from parent:', event.data);
    // 发送回复给父页面
    event.source.postMessage('Hello from child!', event.origin);
}, false);
</script>