模式对话框的 iframe 与 innerHTML - 哪个更好？

Question

我在我的 HTML5 页面上模拟模态窗口功能，方法是创建一个带有 position: fixed 的 div，在浏览器窗口中居中等。在某些情况下，我的模态窗口只显示带有一个或多个按钮的消息，例如 @987654322 @Cancel，但在其他情况下，我会展示更复杂的表格，例如即时消息对话框。

问题是针对更复杂的情况。那么哪个更好，（1）在我的“模态”窗口中有一个<iframe>，或者（2）一个<div>加上一些Ajax代码来检索我的表单内容并将其注入到div的innerHTML中？

在这两种情况下有哪些注意事项？当你选择一个而不是另一个时，你的理由是什么？

浏览器要求：IE9+ 和其他正常浏览器。

Answer 1

仅当您确实需要iframe 时才应使用iframe。使用 iframe 的原因是：

1. 从另一个域加载内容的最简单方法。
2. 将内容的安全上下文与单独的域隔离。
3. 在您的网页中嵌入完全独立的网页（独立脚本、独立样式表等）。
4. 您不想编写 ajax 代码来动态加载内容，而只想使用 iframe 的内置 .src 功能。

如果您不需要 iframe 的任何这些功能，那么使用 div（它会自动调整其内容的大小 - 而 iframe 不会）并将所需的内容放入该 div 通常会更容易.

任何一个都可以工作。