- 1PS提示：因为图层已锁定，无法编辑图层的处理方法
- 2Adobe Illustrator CS5 序列号大全
- 3picacg苹果版怎么找不到|picacg ios版是不是下架了介绍
- 4ACDsee注册码免费分享（含ACDsee18、ACDsee10等版本）
- 5苹果iphone自动时间不准确的多种校正方法
- 6PDF浏览器能看3D文件吗？PDF浏览器看3D文件图文详细教程
- 7Potato(马铃薯聊天)怎么注册不了|Potato不能注册处理方法介绍
- 8Potato(土豆聊天)怎么换头像|Potato app更改头像方法介绍
- 9ipad版office如何激活? office365激活的图文说明教程
- 10最新的Adobe Illustrator CS4序列号大全
- 11Mac怎么通过设置VPN来登录youtube等国外网站
- 12qq邮件是否已读怎么看 QQ邮箱已经发出去的邮件怎么知道对方是否已经查看
[摘要]当我们学html前期的时候我们会遇到iframe这个属性值，其实iframe是一个很有趣的标签，现在小编就带着初级的同学讲一讲。HTML iframe 标签的作用就是创建包含另外一个文档的内联框架（即行内框架），通俗点的说法就是在一个html页面嵌入另外一个html页面。这个标签在实际工作中还是比...
当我们学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属性的详细说明，希望大家有所掌握，接下来小编还会为大家分享iframe高度自适应的设置方法，有需要的同学可以关注PHP中文网。
相关推荐：
以上就是如何使用iframe属性的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
推荐资讯 总人气榜
最新教程 本月人气
- 1bilibili会员注册时验证码不显示的5种处理方法
- 2BILIBILI哔哩哔哩网登录失败、验证码出错的处理方法
- 3哔哩哔哩邀请码如何获得？
- 4哔哩哔哩iPhone版如何关闭弹幕？
- 5bilibili哔哩哔哩弹幕视频网经常见的使用问题与回答
- 6爱剪辑给视频添加KTV字幕效果方法
- 7电视直播软件：风云直播如何？
- 8视频剪辑软件爱剪辑如何让贴图居中？
- 9视频剪辑软件爱剪辑如何制作画面定格效果？
- 10爱奇艺如何关闭泡泡群
- 11视频压缩软件：爱剪辑的使用方法
- 12qq音乐如何下载歌词？qq音乐下载歌词图文说明教程
- 1DOTA2玩家最爱的变声软件MorphVOX Pro在什么地方里下载？
- 2（视频）YY上如何男变女声？VCS变声器使用方法
- 32016年4月19日更新的优酷vip会员账号
- 4爱奇艺最新免费会员密码分享（更新至2016年4月19日）
- 5如何找到Excel2007的简繁转换技巧？
- 6苹果ios9.3beta4下载地址 ios9.3beta4固件官方下载网址
- 7微信支付天天立减活动怎么玩 微信支付天天立减活动玩法说明
- 8html完成在消息按钮上增加数量角标的完成代码
- 9如何能做出可以拖动的DIV层提示窗口
- 10Excel2007设置批注格式
- 11兰博基尼88 tauri多少钱？tonimo兰博基尼88 tauri价格
- 12爱剪辑如何更改贴图特效？
相关文章
- html中规定元素的类名的属性class
- html规定激活（使元素获得焦点）元素的快捷键的属性accesskey
- html在元素中的文本被选中时触发的事件onselect
- html表单被重置后触发的事件onreset
- html在元素获得焦点时触发的事件属性onfocus
- html中当上下文菜单被触发时运行脚本的oncontextmenu事件
- html在元素值改变时触发的事件属性onchange
- html在元素失去焦点时触发的事件属性onblur
- html在源代码中插入注释标签<!--...-->
- html设置或返回用于填充绘画的颜色渐变或模式的属性fillStyle
- html规定是否应该翻译元素内容的translate元素
- html规定对于元素的额外信息的属性title
