繁体   English   中英

html 中如何使用 iframe?

[英]How are iframes used in html?

什么是 iframe,它是如何在 html 中使用的?

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

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

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

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

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

用法示例:

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

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

带有 url 的示例:

<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 的优势(有时)

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

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

例如

<iframe src="https://www.birthdaycalculatorbydate.com" width="600px" "height="800px" align="center" scrolling="yes"></iframe>

原始内容来自iframeinhtml.com

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM