js关闭iframe弹出框

<div id="popup-container">
  <iframe id="myIframe" src="popup-content.html"></iframe>
  <button id="close-button">关闭</button>
</div>

// 获取关闭按钮和iframe元素
var closeButton = document.getElementById('close-button');
var iframe = document.getElementById('myIframe');

// 添加点击事件监听器
closeButton.addEventListener('click', function() {
  // 隐藏iframe和容器
  iframe.style.display = 'none';
  document.getElementById('popup-container').style.display = 'none';
});

// 或者，如果你想完全移除iframe，可以使用以下代码
closeButton.addEventListener('click', function() {
  document.getElementById('popup-container').remove();
});

closeButton.addEventListener('click', function() {
  iframe.src = ''; // 清空src以重置iframe
  iframe.style.display = 'none';
  document.getElementById('popup-container').style.display = 'none';
});