对象IFRAME详细用法

IFRAME详细用法

IFRAME元素| iframe对象

--------------------------------------------------------------------------------

创建内嵌浮动框架。

成员表

下面的表格列出了ifra me对象引出的成员。请单击左侧的标签来选择你想要查看的成员类型。

标签属性/属性

SHO W:

标签属性/属性

行为

集合

事件

滤镜

方法

对象

样式

标签属性属性描述

ALIGN align设置或获取表格排列。

ALLO WTRANSPARENCY allowTransp arency设置或获取对象是否可为透明。APPLICATION APPLICATION表明对象的内容是否为HTML应用程序(HTA) 以便免除浏览器安全模式。

ATO MICSELEC TION指定元素及其内容是否可以一不可见单位统一选择。BEGIN begin设置或获取时间线在该元素上播放前的延迟时间。

BORDER border设置或获取框架间的空间包括3D边框。canH***eChildren获取表明对象是否可以包含子对象的值。canH***eHTM L获取表明对象是否可以包含丰富的H TM L标签的值。

CLASS className设置或获取对象的类。conte ntW indow获取指定的frame或iframe的windo w对象。

DATAFLD d ataF ld设置或获取由dataSrc属性指定的绑定到指定对象的给定数据源的字段。

DATASRC dataSrc设置或获取用于数据绑定的数据源。disabled获取表明用户是否可与该对象交互的值。

END end设置或获取表明元素结束时间的值或者元素设置为重复的简单持续终止时间。

firs tChild获取对象的c hildNodes集合的第一个子对象的引用。

FRAMEBORDER frameBorder设置或获取是否显示框架的边框。hasMedia获取一个表明元素是否为HTML TIME媒体元素的Boolean值。

HEIGHT height设置或获取对象的高度。

HIDEFO CUS hideFocus设置或获取表明对象是否显式标明焦点的值。

HSPACE hspace设置或获取对象的水平边距。

ID id获取标识对象的字符串。innerText设置或获取位于对象起始和结束标签内的文本。isC onte ntEd it ab le获取表明用户是否可编辑对象内容的值。isDisabled获取表明用户是否可与该对象交互的值。isMultiLine获取表明对象的内容是包含一行还是多行的值。isTe xtEdit获取是否可使用该对象创建一个Te xtRange对象。

LANG lang设置或获取要使用的语言。

LANGUAGE language设置或获取当前脚本编写用的语言。lastChild获取该对象childNodes集合中最后一个子对象的引用。longDesc设置或获取对象长描述的统一资源标识符(URI)。

MARGINHEIGHT marginH e ight设置或获取显示框架中文本之前的上下边距高度。MARGINWID TH marginW idth设置或获取显示框架中文本之前的左右边距宽度。NAME name设置或获取框架的名称。nextSib ling获取对此对象的下一个兄弟对象的引用。no deN ame获取特定结点类型的名称。nodeType获取所需结点的类型。nodeValue设置或获取结点的值。offsetHe ight获取对象相对于版面或由父坐标offsetParent属性指定的父坐标的高度。o ffsetLe ft获取对象相对于版面或由o ffsetP a rent属性指定的父坐标的计算左侧位置。offsetParent获取定义对象offsetTop和offsetLeft属性的容器对象的引用。offsetTop获取对象相对于版面或由o ffs etTop属性指定的父坐标的计算顶端位置。offsetW idth获取对象相对于版面或由父坐标offs etParent属性指定的父坐标的宽度。onOffBeh***ior获取表明指定的Microso ft?Dire ctAnimation?行为是否正在运行的对象。oute rHTM L设置或获取对象及其内容的HTM L形式。outerText设置或获取对象的文本。ownerDoc ume nt设置或获取结点关联的docume nt对象。p are nt E le me nt获取对象层次中的父对象。pare ntNode获取文档层次中的父对象。parentTextEdit获取文档层次中可用于创建包含原始对象的TextRange的容器对象。previous Sib ling获取对此对象的上一个兄弟对象的引用。

re ad yS t ate获取对象的当前状态。re ad yS tat e获取表明对象当前状态的值。rec ordNumber获取数据集中生成对象的原始记录。sc op eN ame获取为该元素定义的命名空间。

SCROLLING scrolling设置或获取框架是否可被滚动。

SECURITY S ECURITY获取表明frame或iframe的源文件是否应用了特定的安全限制的值。source Inde x获取对象在源序中的依次位置 即对象出现在do cume nt的all集合中的顺序。

SRC src设置或获取要由对象装入的URL。

STYLE为该设置元素设置内嵌样式。

SYNCMASTER syncMaster设置或获取时间容器是否必须在此元素上同步回放。SYSTEMBITRATE获取系统中大约可用带宽的bps。

SYSTEMCAPTION表明是否要显示文本来代替演示的的音频部分。

SYSTEMLANGUAGE表明是否在用户计算机上的选项设置中选中了给定语言。SYSTEMOVERDUBORSUBTITLE指定针对那些正在观看演示但对被播放的音频所使用的语言并不熟悉的用户来说是否要渲染配音或字幕。

TABINDEX tabIndex设置或获取定义对象的Tab顺序的索引。ta gN a me获取对象的标签名称。ta gU rn设置或获取在命名空间声明中指定的统一资源名称(URN)。

TIMECONTAINER timeContainer设置或获取与元素关联的时间线类型。

TITLE title设置或获取对象的咨询信息(工具提示)。uniqueID获取为对象自动生成的唯一标识符。

UNSELECTABLE指定该元素不可被选中。

VSPACE vspace设置或获取对象的垂直边距。

WIDTH width设置或获取对象的宽度。

标签属性/属性

行为

行为描述c lie ntC ap s提供关于Internet Exp l orer支持的特性的信息 以及提供即用即装的方法。download下载文件并在下载完成后通知一个指定的回调函数。ho mePage包含关于用户主页的信息。time为HTML元素提供一个活动的时间线。time2为H TM L元素或一组元素提供一个活动的时间线。

集合

集合描述a ll返回对象所包含的元素集合的引用。attribute s获取对象标签属性的集合。beh***iorUrns返回标识附加到该元素行为的统一资源名称(URN)字符串的集合。childNodes获取作为指定对象直接后代的HTML元素和TextNode对象的集合。childre n获取作为对象直接后代的DHTML对象的集合。

事件

事件描述onac tivate当对象设置为活动元素时触发。onafterupdate当成功更新数据源对象中的关联对象后在数据绑定对象上触发。onb efo re deactivate在active E le me nt从当前对象变为父文档其它对象之前立即触发。onbe fore up date当成功更新数据源对象中的关联对象前在数据绑定对象上触发。onb lur在对象失去输入焦点时触发。onc ontro lsele ct当用户将要对该对象制作一个控件选中区时触发。ond eactivate当active Ele me nt从当前对象变为父文档其它对象时触发。onerrorup date更新数据源对象中的关联数据出错时在数据绑定对象上触发。onfocus当对象获得焦点时触发。onlo ad在浏览器完成对象的装载后立即触发。onmove当对象移动时触发。onmo ve end当对象停止移动时触发。onmove st art当对象开始移动时触发。onr eadys tatec hange当对象状态变更时触发。onre sizeend当用户更改完控件选中区中对象的尺寸时触发。onre s ize start当用户开始更改控件选中区中对象的尺寸时触发。ont ime error当特定时间错误发生时无条件触发通常由将属性设置为无效值导致。滤镜

滤镜属性描述

Alpha调整对象内容的不透明度。

Alp haI ma ge Lo a der在对象的边界和对象背景到内容之间显示图像可选剪裁或缩放图像大小。当装入便携网络图像(PNG)时从0到100%的透明度都是支持的。B ar n以开门或关门的运动方式显示对象的新内容。

BasicImage调整对象内容的颜色处理、 图像旋转或不透明度。

BlendTrans以渐隐原始内容的形式显示对象的新内容。

Blinds以打开或关闭盲点的运动方式显示对象的新内容。

B lur模糊对象的内容以便使其看起来失去焦点。

CheckerBoard以揭开覆盖在原始内容上的棋盘的形式显示对象的新内容。

C hro ma将对象内容的指定颜色显示为透明。

C omp o s ito r以新旧内容逻辑颜色组合的形式显示对象的新内容。每个版本的颜色和alpha值都会被计算用来决定输出图像的最终颜色。

Drop S hadow创建对象内容的实体阴影偏移量位于指定方向。这将使得内容看起来是浮动的因此会产生阴影。

Emboss使用灰度值对对象以浮雕纹理显示。

Engr***e使用灰度值对对象以雕刻纹理显示。

Fade以渐隐原始内容的形式显示对象的新内容。

F lipH以沿水平方向翻转的形式显示对象内容。

FlipV以沿垂直方向翻转的形式显示对象内容。

Glow在对象边缘外侧添加光晕以便使其看起来像发光的样子。

Gradie nt在对象的背景和内容之间显示一个渐变色彩的表面。

GradientWipe以在原有内容上覆盖渐变带的形式显示对象的新内容。

Gra y以灰度显示对象内容。

ICMF ilter根据图像颜色管理(ICM)配置文件转换对象的彩色内容。这将允许指定内容的显示效果得以改善或者在打印机或监视器等硬件设备上模拟显示。

In s e t以对角线方向显示对象的新内容。

Inve rt反转对象内容的色调、饱和度和亮度。

Ir is以彩虹效果显示对象的新内容这与照相机光圈打开相似。

Light在对象的内容上创建灯光效果。

MaskFilter将对象内容的透明像素显示为彩色遮罩将非透明像素显示为透明。M atr ix使用矩阵变换缩放、旋转或显现对象的内容。

Motio nB lur以运动模糊的效果显示对象内容。

P ixe l ate将对象的内容显示为彩色方块其颜色取决于该方块所替代区域的平均颜色值。此滤镜显示可用于切换。

Rad ia lW ip e以辐射状擦除的形式显现对象的新内容。

Rando mB ars以随机像素线爆炸的形式显现对象的新内容。

RandomDissolve以随机像素爆炸的形式显现对象的新内容。

Red irect目前还不支持。

Revea lTrans使用24种预先定义的切换效果显现对象的新内容。

Shado w创建对象内容的实体阴影偏移量位于指定方向。这将创建阴影效果。Slide以图像滑行的形式显现对象的新内容。

S p ira l以螺旋运动的形式显现对象的新内容。

Stretch以拉伸覆盖原始内容的形式显现对象的新内容。有一个选项类似立方体从一个表面转到另外一个表面。

Strips以条形覆盖的形式显现对象的原始内容好像有一把锯将原始内容锯开。W***e在对象的内容上执行垂直方向的正弦波扭曲。

Whe e l以旋转运动的形式显现对象的新内容好像轮子滚过原始内容。

Xra y更改对象内容的颜色深度将其以黑白显示。

Zigzag在对象上将对象的新内容进行来回移动以便覆盖原始内容。

方法

方法描述addBeh***io r给元素附加一个行为。appendChild给对象追加一个子元素。app lyElement使得元素成为其它元素的子元素或父元素。attachEve nt将指定函数绑定到事件 以便每当该事件在对象上触发时都调用该函数。blur使元素失去焦点并触发onb lur事件。c le arAttrib utes从对象中删除全部标签属性和值。cloneNode从文档层次中复制对对象的引用。componentFromPoint通过特定事件返回对象在指定坐标下的位置。conta ins检查对象中是否包含给定元素。detac hEvent从事件中取消指定函数的绑定这样当事件触发时函数就不会收到通知了。dragD rop初始化拖曳事件。fire Ev ent触发对象的指定事件。focus使得元素得到焦点并执行由onfocus事件指定的代码。ge tAdj a centT ext返回邻接文本字符串。getAttribute获取指定标签属性的值。ge tAttributeN ode获取由attrib ute.name属性引用的attrib ute对象。getEle me nts B yTa gN ame获取基于指定元素名称的对象集合。getExpression获取给定属性的表达式。hasC hildNodes返回表明对象是否有子对象的值。insertAdj acentElement在指定位置插入元素。insertAdjacentHTML在指定位置的元素中插入给定的HTML文本。insertAdjac entTe xt在指定位置插入给定的文本。insertBefore在文档层次中插入元素作为父对象的子结点。me rge Attr ib ute s复制所有读/写标签属性到指定元素。normalize合并邻接TextNode对象以便生成一个常规的文档对象模型。re move Attr ib ute删除对象的给定标签属性。re move Attr ib uteN o de从对象中删除删除attr ib ute对象。remo veBeh***io r分离元素的行为。removeC hild从元素上删除子结点。remo ve Exp ress ion从指定属性中删除表达式。re moveNo de从文档层次中删除对象。rep laceAdj ace ntTe xt替换元素的邻接文本。rep lace Child用新的子元素替换已有的子元素。rep laceNode用其它元素替换对象。scrollIntoVie w将对象滚动到可见范围内将其排列到窗口顶部或底部。

s etAc t ive设置对象为当前对象而不将对象置为焦点。setAttr ib ute设置指定标签属性的值。setAttrib uteNode设置attribute对象为对象的一部分。setExpression设置指定对象的表达式。swapNode交换文档层次中两个对象的位置。

对象

对象描述runt im e S tyl e代表了居于全局样式表、 内嵌样式和HTM L标签属性指定的格式和样式之上的对象的格式和样式。style代表了给定元素所有可能的内嵌样式的当前设置。

样式

样式标签属性样式属性描述

ACCELERATO R accelerator设置或获取表明对象是否包含快捷键的字符串。b ackgr ound-attac hme nt b ackgro undAtta chme nt设置或获取背景图像如何附加到文档内的对象中。backgro und-color ba ckgro undCo lo r设置或获取对象内容后的颜色。backgro und-po sitio n-x bac kgro undPo s itio nX设置或获取ba ckgro undPo s itio n属性的x坐标。backgro und-po s ition-y background Po s itio nY设置或获取back gro undPo s itio n属性的y坐标。beh***ior beh***ior设置或获取DHTML行为的位置。border-bottom borderBottom设置或获取对象下边框的属性。border-bottom-co lo r b orderBo tto mCo lo r设置或获取对象下边框的颜色。border-botto m-style bo rderB otto m Style设置或获取对象下边框的样式。border-botto m-width bo rderBo tto mW idth设置或获取对象下边框的宽度。border-color b orderColor设置或获取对象的边框颜色。border-left borderLeft设置或获取对象左边框的属性。border-left-color borderLeftCo lor设置或获取对象左边框的颜色。border-left-style borderLeftS tyle设置或获取对象左边框的样式。border-le ft-width borderLeftWidth设置或获取对象左边框的宽度。border-right bo rderRight设置或获取对象右边框的属性。border-right-c olo r borderRightCo lo r设置或获取对象右边框的颜色。border-right-style borderRightS tyle设置或获取对象右边框的样式。border-right-width b orderRightWidth设置或获取对象右边框的宽度。border-style borderStyle设置或获取对象上下左右边框的样式。border-to p borderTo p设置或获取对象上边框的属性。border-top-colo r borderTopC olo r设置或获取对象上边框的颜色。border-to p-style bo rderTopStyle设置或获取对象上边框的样式。

border-top-width bord erTop Width设置或获取对象上边框的宽度。border-width borderWidth设置或获取对象上下左右边框的宽度。bottombottom设置或获取对象相对于文档层次中下个定位对象的底部的位置。clear clear设置或获取对象是否允许在其左侧、右侧或两边放置浮动对象 以防下段文本显示在浮动对象上。clip clip设置或获取定位对象的哪个部分可见。curs or cursor设置或获取当鼠标指针指向对象时所使用的鼠标指针。display display设置或获取对象是否要渲染。filter filter设置或获取应用于对象的滤镜或滤镜集合。he ight he ight设置或获取对象的高度。layout-grid layoutGrid设置或获取指定文本字符版面的组合文档格线属性。layout-grid-mode layoutGridMode设置或获取文本布局网格是否使用二维。left left设置或获取对象相对于文档层次中下个定位对象的左边界的位置。margin margin设置或获取对象的上下左右边距。margin-bo ttom marginBottom设置或获取对象的下边距宽度。margin-le ft marginLe ft设置或获取对象的左边距宽度。margin-right marginRight设置或获取对象的右边距宽度。mar gin-top mar ginTop设置或获取对象的上边距宽度。overflow-x overflowX设置或获取当内容超出对象宽度时如何管理对象内容。overflow-y overflowY设置或获取当内容超出对象高度时如何管理对象内容。pixe lBotto m设置或获取对象的下方位置。pixe lHe ight设置或获取对象的高度。pixe lLe ft设置或获取对象的左侧位置。p ixe lRight设置或获取对象的右侧位置。pixe lTo p设置或获取对象的上方位置。pixe lWidth设置或获取对象的宽度。posB otto m设置或获取以botto m标签属性指定的单位的对象下方位置。posHe ight设置或获取以he ight标签属性指定的单位的对象高度。position position设置或获取对象所使用的定位方式。posLeft设置或获取以left标签属性指定的单位的对象左侧位置。posRight设置或获取以right标签属性指定的单位的对象右侧位置。po sTop设置或获取以top标签属性指定的单位的对象上方位置。posWidth设置或获取以width标签属性指定的单位的对象宽度。right right设置或获取对象相对于文档层次中下个已定位的对象的右边界的位置。flo at styleF loat设置或获取文本要绕排到对象的哪一侧。te xt-auto sp ace t extAuto sp a ce设置或获取自动留空和文本的窄空间宽度调整。top top设置或获取对象相对于文档层次中下个定位对象的上边界的位置。vis ib ility vis ib ility设置或获取对象的内容是否显示。z-index zIndex设置或获取定位对象的堆叠次序。zoom zoom设置或获取对象的放大比例。

注释

IFRAME元素也就是文档中的文档或者好像浮动的框架(FRAM E)。 frames集合提供了对IFRAM E内容的访问。请使用frames集合读写IFRAME内包含的元素。例如如果要访问iframe内body对象的backgro undCo l or样式语法应为:sC olo r=docume nt.frames("sFrameName").do c ume nt.body.style.ba ckgro undC o lor;通过iframe对象所在页面的对象模型你可以访问iframe对象的属性但不能访问其内容。例如访问iframe对象的border样式的语法应为:sBo rderVa lue=docume nt.a ll.oFrame.style.bo rder;

注意ifra me的属性必须使用前缀do cume nt.a ll访问例如docume nt.a ll.ifram eId.margin Width。

Interne t Exp lore r 5.5支持浮动框架的内容透明。如果想要为浮动框架定义透明内容则必须满足下列条件。

与IFRAME元素一起使用的ALLOWTRANSPARENCY标签属性必须设置为true。

在IFRAM E内容源文档 backgro und-c olor或BODY元素的BGCOLOR标签属性必须设置为tra nsp are nt。

参看使用透明的浮动框架可以获得关于透明浮动框架更多的信息。

此元素在Micro soft?Internet Explorer 4.0的HTML和脚本中可用。

此元素是一个块元素。

此元素需要关闭标签。

示例

下面的例子使用了IFRAM E元素创建了包含页面samp le.htm的框架。

下面的例子返回了对IFRAM E包含的文档的all集合的引用。var co llAll=docume nt.frame s("IF rame 1").do cume nt.a ll

详细用法:

<IF RA M E>用于设置文本或图形的浮动图文框或容器。

BORDER

<IFRAME BORDER="3"></IFRAME>