Iframe标记,又叫浮动帧标记,你可以用它将一个HTML文件嵌入在另一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的HTML文件不是与另外的HTML文件相互独立显示,而是可以直接嵌入在一个HTML文件中,与这个HTML文件内容相互融合,成为一个整体,另外,还可以多次在一个页面内显示同一内容,而不必重复写内容,甚至可以在同一HTML文件嵌入多个HTML文件。  
    在脚本 语言 与对象层次中,包含Iframe的窗口我们称之为父窗体,而浮动帧则称为子窗体,弄清这两者的关系很重要,因为要在父窗体中访问子窗体或子窗体中访问父窗体都必须清楚对象层次,才能通过 程序 来访问并控制窗体。  
  下面是浮动帧标记Iframe的各项属性:  
    一、基本 语法 :  
    <iframe>……</iframe>  
    浮动帧标记Iframe必须成对出现,即有开始标记<iframe>,就必须有结束标记</iframe>。  
   
    二、浮动帧标记Iframe的属性:  
    1、文件位置:  
    语法:src=url  
    说明:url为嵌入的HTML文件的位置,可以是相对地址,也可以是绝对地址。  
    示例:<iframe   src="iframe.html">  
    2、对象名称:  
    语法:name=#  
    说明:#为对象的名称。该属性给对象取名,以便其他对象利用。  
    示例:<iframe   src="iframe.html"   name="iframe1">  
    3、ID选择符:  
    语法:id=#  
    说明:指定该标记的唯一ID选择符。  
    示例:<iframe   src="iframe.html"   id="iframe1">  
    4、容器属性:  
    语法:height=#   width=#  
    说明:该属性指定浮动帧的高度和宽度。取值为正整数(单位为像素)或百分数。  
    height:指定浮动帧的高度;  
    width:指定浮动帧的宽度。  
    示例:<iframe   src="iframe.html"   height=400   width=400>  
    5、尺寸调整:  
    语法:noresize  
    说明:IE专有属性,指定浮动帧不可调整尺寸。  
    示例:<iframe   src="iframe.html"   noresize>  
    6、边框显示:  
    语法:frameborder=0、1  
    说明:该属性规定是否显示浮动帧边框。  
    0:不显示浮动帧边框;  
    1:显示浮动帧边框。  
    示例:<iframe   src="iframe.html"   frameborder=0>  
       <iframe   src="iframe.html"   frameborder=1>  
    7、边框厚度:  
    语法:border=#  
    说明:该属性指定浮动帧边框的厚度,取值为正整数和0,单位为像素。为了将浮动帧与页面无缝结合,border一般等于0。  
    示例:<iframe   src="iframe.html"   border=1>  
    8、边框颜色:  
    语法:bordercolor=color  
    说明:该属性指定浮动帧边框的颜色。color可以是RGB色(RRGGBB),也可以是颜色名。  
    示例:<iframe   src="iframe.html"   bordercolor=red>  
    9、对齐方式:  
    语法:align=left、right、center  
    说明:该属性指定浮动帧与其他对象的对齐方式。  
    left:居左;  
    right:居右;  
    center:居中。  
    示例:<iframe   src="iframe.html"   align=left>  
       <iframe   src="iframe.html"   align=right>  
       <iframe   src="iframe.html"   align=center>  
    10、相邻间距:  
    语法:framespacing=#  
    说明:该属性指定相邻浮动帧之间的间距。取值为正整数和0,单位为像素。  
    示例:<iframe   src="iframe.html"   framespacing=10>  
    11、内补白属性:  
    语法:hspace=#   vspace=#  
    说明:该属性指定浮动帧内的边界大小。取值为正整数和0,单位为像素。两个属性应同时应用。  
    hspace:浮动帧内的左右边界大小;  
    vspace:浮动帧内的上下边界大小。  
    示例:<iframe   src="iframe.html"   hspace=1   vspace=1>  
    12、外补白属性:  
    语法:marginheight=#   marginwidth=#  
    说明:该属性指定浮动帧的边界大小。取值为正整数和0,单位为像素。两个属性应同时应用。    
    marginheight:浮动帧的左右边界大小;  
    marginwidth:浮动帧的上下边界大小。  
    示例:<iframe   src="iframe.html"   marginheight=1   marginwidth=1>

关于iframe框架?相关推荐

  1. 广告域名审核之后跳转技术:点击域名A页面iframe框架下的链接,域名A跳转到域名B...

    广告域名审核之后跳转技术:点击域名A页面iframe框架下的链接,域名A跳转到域名B 注:域名B为afish.cnblogs.com 域名A页面代码: <!DOCTYPE html PUBLIC ...

  2. Python+selenium 自动化-切换窗口页签、切换iframe框架。确定页面是否包含iframe方法。

    切换窗口页签: 0是左边第一个,-1是右边第一个. windows = driver.window_handles # 获得所有窗口的句柄 driver.switch_to.window(window ...

  3. 在iframe框架中全屏不好使的原因

    遇到的问题:我是在iframe框架中添加了一个插件在360和火狐中不好使,将allowfullscreen="true" 属性配置好就没问题了: 可能出现的原因:将allowful ...

  4. 几种location.href的区别 js实现网页防止被iframe框架嵌套功能 .

    首先我们了解一下:window.location.href.location.href.self.location.href.parent.location.href.top.location.hre ...

  5. js实现网页防止被iframe框架嵌套及几种location.href的区别

    首先我们了解一下几种location.href的区别简单的说:几种location.href的区别js实现网页被iframe框架功能,感兴趣的朋友可以了解下 首先我们了解一下:window.locat ...

  6. html怎样同框架页面内跳转,使用iframe框架时,实现子页面内跳转到整个页面,而不是在子页面内跳转...

    首先先来描述一下我所遇到的问题,我在一个首页的index.jsp页面中用到了iframe框架,见下图 在iframe中引入jsp页面的路径,是几个iframe框架组合成的一个完整的页面,但是他们的存在 ...

  7. [html] iframe框架都有哪些优缺点?

    [html] iframe框架都有哪些优缺点? 优点重载页面时不需要重载整个页面,只需要重载页面中的一个框架页技术易于掌握,使用方便,可主要应用于不需搜索引擎来搜索的页面方便制作导航栏缺点会产生很多页 ...

  8. Session过期,如何跳出iframe框架页的问题

    Session过期,如何跳出iframe框架页的问题 web开发中经常会有这种情况,在一个主页面中包含侧边导航菜单和iframe,点击菜单项,对应页面会在iframe中显示,整个页面不会刷新.但是如果 ...

  9. iframe框架及优缺点

    iframe框架及优缺点 HTML5不再支持使用frame,关于frame与iframe的区别,可以参阅 iframe与frame的区别. 基本使用 src:规定在iframe中显示的文档的URL. ...

  10. HTML学习笔记:iframe框架演示

    iframe框架演示 1.效果演示 2.编写代码 <!DOCTYPE html> <html lang="en"> <head><meta ...

最新文章

  1. UnicodeDecodeError: ‘ascii’ codec can’t decode...: ordinal not in range(128 问题解决
  2. Java 8 Stream Api 中的 map和 flatMap 操作
  3. 从 12306 订购火车票 无需FQ
  4. GitHub 上值得前端学习的数据结构与算法项目
  5. 【19行代码AC,简洁】1029 Median (25 分)
  6. 官方宣布:谷歌开发者中国网站正式发布!
  7. 高调复出却无人买单!预售6小时,仅几百人预约
  8. 抖音品质建设 - iOS启动优化《原理篇》
  9. 基于小米球(Ngrok)实现内网穿透
  10. axure创建自定义元件库
  11. Windows右键菜单管理 图片右键菜单太长
  12. 浅析精益生产中改善活动的8个步骤
  13. 解决移动端滑动方向相反
  14. Python笔记:query查询
  15. NCE4 L5 Youth
  16. python 字节流分段_如何在Python中编写简单代码,并且速度超越Spark?
  17. 2017字节跳动前端工程师秋招笔试试题解析
  18. LibreCAD 2.1.3在windows 10 下的编译过程
  19. h5页面的雷达图 五边形_html5 雷达图制作
  20. 使用微信开发工具制作一个简单的古诗词展示微信小程序

热门文章

  1. HTML(进阶核心标签)
  2. NodeJs - for循环的几种遍历方式
  3. 我的青春谁做主经典台词
  4. Java Telephony
  5. Python和Pycharm运行环境有关问题详解
  6. 如何安装emmet?
  7. 什么是排序算法的稳定性?
  8. CTF Web方向考点总结
  9. Linux安装CentOS系统
  10. 微信小程序优惠劵功能(包含用户需求,axure原型设计,数据库设计,后台功能,微信小程序功能)