强行杀死/破坏iframe

Question

我想添加事件侦听器，以在单击取消按钮时强行杀死/销毁以下iframe。

有人可以帮我吗？

var iframe = document.createElement('iframe');
iframe.id = "hidden_iframe";
iframe.style.display = "none";
iframe.src = 'url.html';
iframe.hidden = true;
document.body.appendChild(iframe);

Answer 1

这是您要寻找的吗？

function create() {
  var iframe = document.createElement('iframe');
  iframe.id = "hidden_iframe";
  //iframe.style.display = "none";
  iframe.src = 'https://www.bootstrapcdn.com/';
  //iframe.hidden = true;
  document.body.appendChild(iframe);
}

function kill() {
  iframe = document.getElementById('hidden_iframe');
  iframe.parentNode.removeChild(iframe);
}

<button onclick="create()">Create iframe</button>

<button onclick="kill()">Kill iframe</button>
<br/>

Answer 2

在您的取消功能中定义此：

cancel.onclick = function() {
    kill_iframe()
}

然后定义此功能：

const kill_iframe = () => {
    let iframe = document.getElementedById("hidden_iframe")
    iframe.parentNode.removeChild(iframe)
}