使用 iframe 是个坏主意吗？ [复制]答案

【问题标题】：is using iframe a bad idea? [duplicate]使用 iframe 是个坏主意吗？ [复制]
【发布时间】：2014-08-23 00:44:18
【问题描述】：

我正在开发 Web 应用程序的客户端。在这个应用程序中，有大量的选项卡、分区和其他 html 元素。我想将这些元素分离为分类文件，如 tab1_elements.html、tab2_elements.html，并希望将它们包含到主页中。

示例代码

<html>
<body>
<div id="upper_area">
    <iframe src="./right_content.html"></iframe>
    <iframe src="./ceneter_content.html"></iframe>
    <iframe src="./left_content.html"></iframe>
</div>
<div id="main_area">
    <iframe src="./main_content.html"></iframe>
    ...
    ...
</div>

...
...

我用谷歌搜索了一下，发现 html5 导入属性正是我想要的。但是，我相信该属性对于大多数浏览器仍然不可用。

而且我知道浏览器调整该属性需要时间。（在最坏的情况下可能根本不适应）。所以我正在考虑将 iframe 包含到主页中。据我所知，出于安全原因和其他问题，iframe 几乎被 w3c 弃用。我想知道 iframe 元素的缺点是什么，以及为什么开发人员倾向于避免使用这个标签。

使用 iframe 是个坏主意吗？

我已经尝试过 ajax 方式来加载外部 html 文件，但是 chrome 浏览器不允许本地文件的 ajax 通信（应用程序应该在离线模式下运行正常）。你们能提出任何替代解决方案吗？

感谢您阅读我的帖子。

【问题讨论】：

为什么要使用 div 和 iframe？ div 就够了！

标签： javascript iframe

【解决方案1】：

如果您使用 div 而不是 iframe，它将获得相同的时间来呈现页面！我向你推荐这个：
<div id="right_content"> </div> <div id="center_content"> </div> ....etc
和 css：
#center_content, right_content, (and other divs) {overflow:scroll}

【讨论】：

【解决方案2】：

这是非常糟糕的做法，请改用 Div、CSS 和 jquery。

【讨论】：

w3.org/TR/html5/embedded-content-0.html#the-iframe-element