iframe常用属性知识

2024-05-15 11:27:21

iframe 常用属性
<iframe id="fid" src="" width="428" height="30"  marginheight="0" frameborder="0" scrolling="no" vspace="0"
hspace="0"  marginwidth="0" ></iframe>

/**
iframe 常用属性:

src          -- 引用链接地址
 width     -- 框架的宽度
 height    -- 框架的高度
 frameborder     -- 定义了内容页的边框,取值为(1|0),缺省值为1
 marginwidth     -- 定义了框架中HTML文件显示的左右边界的宽度,缺省值由浏览器决定
 marginheight    -- 定义了框架中HTML文件显示的上下边界的矿度,缺省值由浏览器决定
 scrolling     -- 设置或获取框架是否可被滚动。
     auto=自动调整
     yes =有滚动条
     no =无滚动条

vspace   -- 设置或获取对象的水平边距
 hspace   -- 设置或获取对象的垂直边距

*/
var fid = document.getElementById("fid");
fid.scrollHeight; //得到滚动条的高度
fid.scrollWidth; //得到滚动条的宽度

下面是浮动帧标记Iframe的各项属性:  
    一、基本语法:  
    <iframe>……</iframe>  
    浮动帧标记Iframe必须成对出现,即有开始标记<iframe>,就必须有结束标记</iframe>。  
   
    二、浮动帧标记Iframe的属性:  
    1、文件位置:  
    语法: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>

转载于:https://blog.51cto.com/1030967291/1110415

iframe常用属性知识相关推荐

  1. css规则中区块block,css常用属性总结:背景background下篇

    前言:这段时间天天加班到10:30之后,简直是x了. 在上一篇文章中,分别解析了background各个属性的用法和注意细节.如果我们在项目上使用背景效果,如果使用下面的写法,你可能抓狂. body{ ...

  2. Tortoise SVN 版本控制常用操作知识

    Tortoise SVN 版本控制常用操作知识 Posted on 2010-11-26 23:07 szh114 阅读(5897) 评论(0) 编辑 收藏 今天老大跑过来问我如何把SVN服务器上的当 ...

  3. [转]VC常用小知识

    [转]VC常用小知识   (1) 如何通过代码获得应用程序主窗口的 指针? 主窗口的 指针保存在CWinThread::m_pMainWnd中,调用AfxGetMainWnd实现. AfxGetMai ...

  4. 2021-11-15 入门前端VScode必装的常用插件, HTML+CSS常用属性速记.

    Html + Css 学习 一.VSCode常用 //1. VScode常用快捷键 * 新建文件:ctrl + N * 切换自动换行:alt + Z * 复制当前行:ctrl + C:ctrl + V ...

  5. Swift常用基础知识(二)

    Swift常用基础知识(一) 函数式编程 函数合成 func add1(_ v1: Int, _ v2: Int) -> Int { v1 + v2 }func currying<A, B ...

  6. vue快速学习01、环境与常用属性标签

    vue快速学习01.环境与常用属性标签 1.MVVC MVVM 设计模式是由 Model (模型). View (视图)和 ViewModel (视图模型)三部分组成,是 MVC 设计模式的进化版,即 ...

  7. .NET常用类库知识

    .NET常用类库知识 .NET中的字符串 字符串的特性 1.不可变性 由于字符串是不可变的的,每次修改字符串,都是创建了一个单独字符串副本(拷贝了一个字符串副本).之所以发生改变只是因为指向了一块新的 ...

  8. Web学习第三天——HTML中input标签常用属性、框架集、内嵌框架

    第三天HTML中input标签常用属性.框架集.内嵌框架 一.input标签常用属性 表单数据提交特点: (一).文本框(text) (二).密码框(password) (三).单选按钮(radio) ...

  9. 微信小程序——常用属性及标签

    微信小程序 最近在学习小程序开发,在学习的过程中感受到了内容之多,这里总结了一些小程序开发的一些常用属性与方法,更加具体的还得通过打开微信开放文档进行学习,在学习的过程中多打demo才是最好的学习方式 ...

  10. selenium提取数据之driver对象的常用属性和方法

    selenium提取数据之driver对象的常用属性和方法 在使用selenium过程中,实例化driver对象后,driver对象有一些常用的属性和方法 driver.page_source 当前标 ...

最新文章

  1. 网站优化过度后会出现哪些“后遗症”?悠着点~
  2. 分享.Net 设计模式大全
  3. div独占一行 html_web前端基础-HTML及CSS选择器
  4. uva10026-鞋匠的难题
  5. 支持WI-FI的blackberry
  6. Java ConcurrentModificationException 异常分析与解决方案
  7. java+mysql实现图书管理系统
  8. 基于EEG的睡眠分期算法记录3-使用决策树多类支持向量机的自动睡眠阶段分类
  9. 人脸识别 android demo,Android集成人脸识别demo分享
  10. 利用wireshark分析Voip语音RTP协议
  11. SBI集团“逆市”入股玖富,背后意味着什么?|一点财经
  12. Centos服务器ssh登录设置密钥对登录
  13. [育强飞]自动刷屏器_育强飞_新浪博客
  14. packet captuer tool: snoop
  15. 未来科学大奖 计算机,未来科学大奖
  16. excel概率密度函数公式_用excel怎么制作概率密度图_EXCEL 正态分布公式�9�3
  17. 未实施内容安全策略 (CSP)
  18. 哪个dns服务器延迟最低,可以立即测出延迟最小的DNS
  19. 出走半生,归来仍是少女 | 年中总结
  20. redmine与svn完美集成方案

热门文章

  1. freopen()函数文件流重定向和文件流的清除
  2. asp.net 安装element ui_vue入门003~vue项目引入element并创建一个登录页面
  3. mysql模式匹配详解_老生常谈MYSQL模式匹配 REGEXP和like的用法
  4. JZ3-从尾到头打印链表
  5. Android报错: Caused by: java.lang.ClassCastException: com.github.mikephil.charting.charts.PieChart can
  6. Futter基础第16篇: 实现单行文本框、多选框
  7. Google浏览器 — 取出图片颜色值
  8. 【AIX】用户、组合安全管理
  9. WPF Grid布局
  10. 【代码笔记】iOS-获得现在的时间