• 新希望!中超19岁新星半年增重十斤 曾戏耍恒大两国脚 2018-10-17
  • 迎丰收 晒丰收 庆丰收 2018-10-15
  • “捂脸表情”被注册成商标?申请人不认为商标侵权 2018-10-15
  • 战巡南海、绕岛巡航…空军有“飞出去”的主心骨 2018-10-14
  • 幼儿园要求家长写一万字读后感:不能这样玩家长|幼儿园|家长-教育时讯 2018-10-13
  • 中国故宫文物展在希腊举行 2018-10-13
  • 車·晓 第26期 車企官方降价真相幾何? 2018-10-12
  • 宝沃总裁杨嵩:曾和奔驰宝马同水平 已不能同日而语 2018-10-11
  • 新时代党员干部要有更大的担当和作为 2018-10-10
  • “2018-雷霆”专项行动破获百余起台湾间谍案 2018-10-09
  • 朝韩首脑今起在平壤会晤 “金文会”将聚焦三大议题 2018-10-09
  • 2018顺义啤酒节--北京频道--人民网 2018-10-08
  • 台湾遭遇的“断交潮”有无化解之道? 2018-10-08
  • 习近平会见爱沙尼亚总统卡柳莱德 2018-10-08
  • 中国空间站研制建设正有序开展 坚持和平利用 2018-10-07
  • iframe属性详细说明

    栏目: 编程语言 发布于: 2014-05-11 15:10:49

    HTML iframe 标签的作用就是创建包含另外一个文档的内联框架(即行内框架),通俗点的说法就是在一个html页面嵌入另外一个html页面。这个标签在实际工作中还是比较常见而且重要的。比如一般web项目的后台基本都要用到iframe,还有我们登录各种邮箱也经?;峥吹降慊髯蟊吡唇?,右边网页跟着切换等的效果,基本都是通过iframe实现的。

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

    iframe 比较常见的用法如下:

    <iframe name="main" width="100%" height="200" frameborder="0" scrolling="no" src="http://www.rocksun.cn/"></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自适应高度的解决办法

    您可能感兴趣的文章

    • IE Frame 下 COOKIE SESSION失效的问题解决办法
    • iframe自适应高度的解决办法
    • href标签target=_blank属性的妙用
    • javascript实现刷新iframe的方法的总结
    • JS如何操作css中float属性写法
    • select into from 提示 Undeclared variable.....错误的解决办法
    • iframe 子页面如何操作父页面元素
    • 关于使用in_array() foreach array_search() 查找数组是否包含时的性能对比
    本站文章除注明转载外,均为本站原创或编译?;队魏涡问降淖?,但请务必注明出处。
    转载请注明:文章转载自 七星彩票平台
    本文标题:iframe属性详细说明
    IT技术书籍推荐:
    疯狂Java讲义(第3版)
    疯狂Java讲义(第3版)
    李刚 (作者)
    《疯狂Java讲义(第3版)》内容简介:《疯狂Java讲义(第3版)》是《疯狂Java讲义》的第3版,第3版保持了前两版系统、全面、讲解浅显、细致的特性,全面新增介绍了Java 8的新特性,《疯狂Java讲义(第3版)》大部分示例程序都采用Lambda表达式、流式API进行了改写,因此务必使用Java 8的JDK来编译、运行。 《疯狂Java讲义(第3版)》深入介绍了Java编程的相关方面,全书内容覆盖了Java的基本语法结构、Java的面向对象特征、Java集合框架体系、Java泛型、异常处理、Java GUI编程、JDBC数据库编程、Java注释、Java的IO流体系、Java多线程编程、Java网络通信编程和Java反射机制。覆盖了java.lang、java.util、java.text、java.io和java.nio、java.sql、java.awt、javax.swing包下绝大部分类和接口?!斗杩馢ava讲义(第3版)》全面介绍了Java 8的新的接口语法、Lambda表达式、方法引用、构造器引用、函数式编程、流式编程、新的日期、时间API、并行支持、改进的类型推断、重复注解、JDBC 4.2新特性等新特性。