JavaScript iframe 元素对象

iframe 元素对象本质上是通过

<iframe>和</iframe>

标记对嵌入目标文档到父文档时所产生的对象,表示浮动在父窗口中的目标文档,表列出了其常见的属性及浏览器版本支
持情况。

iframe 元素对象的访问方法与Frameset 对象类似,在父文档中访问iframe 元素对象的属性可通过如下方式:(IE4+) document.all.iframeID.property (IE4+/NN6+) window.frames[iframeID].property (IE5+/W3C) document.getElementById(iframeID).property在包含iframe 元素对象的文档内,可通过如下方式访问该iframe 元素对象:(IE4+) parent.document.all.iramesetID.property (IE5+/W3C) parent.document.getElementById(FramesetID).property考察如下通过iframe 元素对象的属性操作其对应框架的代码:[code]

Sample Page!
设置并显示框架集信息 框架对齐 : absbottom absmiddle baseline bottom left middle right texttop top
背景透明 : true false
框架高度 : 200pixels 250pixels 300pixels 350pixels
框架宽度 : 200pixels 250pixels 300pixels 350pixels
空白高度 : 10 pixels 15 pixels 20 pixels 25 pixels
空白宽度 : 10 pixels 15 pixels 20 pixels 25 pixels
滚动显示 : auto yes no
文档地址 :

框架集对象的属性均为可读可写,但某些属性的更改并不反映到页面视图中. 当框架集文档中所含的框架比较多时,一般需设定框架的name 属性或id 属性.
[/code]其中“空白高度”和“空白宽度”表示框架中的内容与边框之间的距离(像素),而“水平空白”和“垂直空白”表示框架与其外部文档之间的距离(像素);

测试文“target.html”和“other.html”为普通的HTML 页面。

在原始页面中修改各个下拉框的选项及文本框的内容后,单击“提交更改并获取信息”按钮,将弹出包含修改前后框架对应的iframe 元素对象各属性值对比信息的警告框。如修改“框架对齐”为“middle”、“框架高度”为300、“框架宽度”为350 等信息。

iframe 对象的align 属性表示框架与其外内容的对齐方式,可以利用JavaScript 脚本动态调整该属性来定位目标框架。

值得注意的是,除 contentDocument 和contentWindow 属性为只读外,iframe 对象的其余属性均为可读可写,但并非所有的属性被改变后都能实时更新目标iframe 框架,如控制滚动条显示与否的scrolling 属性、控制框架与其外部的文档之间空白尺寸的hspace 和vspace属性等,其更多的是作为一种只读属性而存在。