html中如何使用iframe？答案

【问题标题】：How are iframes used in html?html中如何使用iframe？
【发布时间】：2010-06-05 09:51:17
【问题描述】：

什么是 iframe，它在 html 中是如何使用的？

【问题讨论】：

现在搜索真的那么难吗？ google.com/search?q=iframe。我想知道这是否是一个严肃的问题。
我相信这是一个有效的问题。签出：meta.stackexchange.com/questions/8724/…，这可能表明 stackoverflows 目标。如果有的话，您可能会从 doctype.com 的 html 问题中得到更好的答复。也许有一天我们会告诉人们“只是 stackoverflow 它”，但在那之前我们需要继续编译真正的答案。

【解决方案1】：

iframe 是一个允许您在 HTML 页面中嵌入外部内容的对象。您可以使用它来显示其他网页、文档（例如 PDF）等（尽管对于复杂的媒体类型，您可能想尝试使用 object 标签）。

您可以像这样向页面添加 iframe：

<iframe src ="externalContent.html" width="400" height="300">
  <p>Your browser does not support iframes.</p>
</iframe>

如果正在使用的浏览器不支持 iframe，则会显示里面的 p 标签。

【讨论】：

【解决方案2】：

iframe 元素表示一个内联框架，就这么简单。

示例用法：

<iframe src="foo.html">
 <p>Your browser does not support <code>iframe</code> elements.</p>
</iframe>

【讨论】：

【解决方案3】：

iframe 示例 - https://jsfiddle.net/vsaurabhaec/jsgbncf0/

网址示例：

<iframe src="https://www.findertoday.com/address-finder/address/Bhagatpur+Tea+Garden-9953?width=500&access_method=findertoday" target="_parent" width="500" height="270" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true"></iframe>

内容示例：

<iframe id="FileFrame" src="about:blank">
<html><body>test</body></html>
</iframe>

注意：iframe 需要一些安全意识。 css 和 js 无法控制 iframe 的内部，这是 iframe 的优势（有时）

【讨论】：

【解决方案4】：

iframe 是一种 HTML 元素，它允许将外部网页嵌入到 HTML 文档中。

换句话说，它是网站中的网站。这就像在页面中嵌入 chrome 或 firefox 选项卡，除了它没有任何工具栏或地址栏或除了已加载的网页之外的任何可见内容。这允许开发人员在另一个网页中加载一个网页，而用户不必知道它们是单独的页面。 iframe 可以将简单的内容加载到整个网页或诸如 pdf 等文档的单个赞按钮。

例如

原创内容来自iframeinhtml.com

【讨论】：