如何使用iframe属性

来源：动视网责编：小OO 时间：2020-11-27 15:28:08

如何使用iframe属性

所有浏览器都支持iframe标签，因此不存在兼容性问题。iframe 比较常见的用法如下：<；iframe name="；main"；width="；100%"；height="；200"；frameborder="；0"；scrolling="；no"；src="；http：//www.phpernote.com/"；>；<；/iframe>；。以上代码中的参数根据实际情况需要再修改，下面列举一下iframe的一些比较常见的属性。name 设定iframe的名称。

推荐度：

点击下载本文 文档为doc格式

导读所有浏览器都支持iframe标签，因此不存在兼容性问题。iframe 比较常见的用法如下：<；iframe name="；main"；width="；100%"；height="；200"；frameborder="；0"；scrolling="；no"；src="；http：//www.phpernote.com/"；>；<；/iframe>；。以上代码中的参数根据实际情况需要再修改，下面列举一下iframe的一些比较常见的属性。name 设定iframe的名称。

当我们学html前期的时候我们会遇到iframe这个属性值，其实iframe是一个很有趣的标签，现在小编就带着初级的同学讲一讲。HTML iframe 标签的作用就是创建包含另外一个文档的内联框架（即行内框架），通俗点的说法就是在一个html页面嵌入另外一个html页面。这个标签在实际工作中还是比较常见而且重要的。比如一般web项目的后台基本都要用到iframe，还有我们登录各种邮箱也经常会看到点击左边链接，右边网页跟着切换等的效果，基本都是通过iframe实现的。

所有浏览器都支持iframe标签，因此不存在兼容性问题。

iframe 比较常见的用法如下：

<iframe name="main" width="100%" height="200" frameborder="0" scrolling="no" src="http://www.phpernote.com/"></iframe>

以上代码中的参数根据实际情况需要再修改，下面列举一下iframe的一些比较常见的属性。

name 设定iframe的名称

longdesc 关于iframe的描述说明，此属性基本不支持现在的主流浏览器，因此没必要使用

border 设定iframe边缘的宽度

bordercolor 设定iframe边框的颜色，值可以是rgb色，也可以是颜色名称

frameboder 设置边框是否为3维（0=否，1=是）

height 设置iframe的高度（可用像素值或百分比）

width 设置iframe的宽度（可用像素值或百分比）

marginheight 定义iframe的顶部和底部的边距

marginwidth 定义iframe的左侧和右侧的边距

scrolling 是否有滚动条（可取的值有yes,no,auto)

src 指定iframe调用的文件(可引用文件如：html,htm,gif,jpeg,jpg,png,txt,*.*)

noresize 禁止调整尺寸，这个仅支持IE核心的浏览器

allowtransparency 是否允许透明。IE5.5开始支持浮动框架的内容透明。如果想要为浮动框架定义透明内容，则必须满足下列条件。

1. 与 iframe 元素一起使用的 allowTransparency 标签属性必须设置为 true。

2. 在 iframe 内容源文档，background- color 或 body 元素的 bgColor 标签属性必须设置为 transparent。

实例如下：
（1）父框架页的代码

<body bgColor="#eeeeee"> 
<iframe allowTransparency="true" src="phpernote.html" noresize></iframe>

（2）子框架页代码（即phpernote.html页面代码）

<body bgColor="transparent">

3. 指定iframe的id属性，获取iframe滚动条的高度和宽度

<iframe id="phpernote" src="www.phpernote.com"></iframe> 
<script type="text/javascript"> 
var iframe=document.getElementById('phpernote'); 
document.write(iframe.scrollHeight);//滚动条高度 
document.write(iframe.scrollWidth);//滚动条宽度 
</script>

如何使用iframe属性

推荐度：

点击下载本文 文档为doc格式

标签：标签使用属性

热门焦点

如何使用iframe属性

如何使用iframe属性

如何使用iframe属性

最新推荐

猜你喜欢

热门推荐