HTML Iframe

iframe 用于在网页内显示网页。

 

1. 添加 iframe 的语法

<iframe src="URL"></iframe>

URL 指向隔离页面的位置。

 

2. Iframe - 设置高度和宽度

height 和 width 属性用于规定 iframe 的高度和宽度。

属性值的默认单位是像素,但也可以用百分比来设定(比如 "80%")。

范例

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

我要试一试

 

3. Iframe - 删除边框

frameborder 属性规定是否显示 iframe 周围的边框。

设置属性值为 "0" 就可以移除边框:

范例

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

我要试一试

 

4. 使用 iframe 作为链接的目标

iframe 可用作链接的目标(target)。

链接的 target 属性必须引用 iframe 的 name 属性:

范例

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.codebaoku.com" target="iframe_a">codebaoku.com</a></p>

我要试一试

 

5. HTML iframe 标签

标签 描述
<iframe> 定义内联的子窗口(框架)

HTML JavaScript:HTML 中使用 JavaScript, 使 HTML 页面更具动态性和交互性。1. HTML <script> 标签:HTML <script> 标签用于定义客户端脚本(JavaScript)。<script> 元素即可包含脚本语句,也可通过 src 属性指向外部脚本文件。