display:none 是否自动意味着 iframe 及其内容不存在？

Question

我有一个iframe。在其中我只运行一个更新一些值并处理POST 方法的javascript（以防止重新加载整个页面）。我的问题是，如果我将其设置为 display:none;，那么脚本和 POST 方法会起作用吗？或者我应该将它设置为某种负面的位置？

什么是最好的解决方案（我知道可能是 AJAX 请求，但在我的情况下开发有点复杂）

Answer 1

display: none 确实不从 DOM 中删除元素，而是从 DOM 流中删除。

请注意，这与 visibility: hidden 不同，后者只是隐藏元素，同时将其留在 DOM 中。如果元素占用空间，空间仍然会被占用，留下一个空隙。

CSS 不可能真正改变 DOM，而且这两条规则都不会阻止嵌入的 <script> 标签执行：

.one {
  display: none;
  visibility: hidden;
}

<div class="one"><script>alert('hi');</script></div>