js控制iframe 隐藏

<iframe id="myIframe" src="https://example.com"></iframe>

document.getElementById('myIframe').style.display = 'none';

<iframe class="hideableIframe" src="https://example.com"></iframe>
<iframe class="hideableIframe" src="https://example.com"></iframe>

var iframes = document.getElementsByClassName('hideableIframe');
for (var i = 0; i < iframes.length; i++) {
    iframes[i].style.display = 'none';
}

var iframe = document.getElementById('myIframe');
iframe.style.display = 'none';
iframe.src = ''; // 清空src
setTimeout(function() {
    iframe.src = 'https://example.com'; // 重新设置src
    iframe.style.display = 'block';
}, 100); // 延迟执行以确保浏览器处理完src的清空

// 父页面发送消息
var iframe = document.getElementById('myIframe');
iframe.contentWindow.postMessage('hide', 'https://example.com');

// iframe页面接收消息
window.addEventListener('message', function(event) {
    if (event.data === 'hide') {
        document.body.style.display = 'none';
    }
});