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]
|
设置并显示框架集信息
框架对齐 :
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 属性. |
测试文“target.html”和“other.html”为普通的HTML 页面。
在原始页面中修改各个下拉框的选项及文本框的内容后,单击“提交更改并获取信息”按钮,将弹出包含修改前后框架对应的iframe 元素对象各属性值对比信息的警告框。如修改“框架对齐”为“middle”、“框架高度”为300、“框架宽度”为350 等信息。
iframe 对象的align 属性表示框架与其外内容的对齐方式,可以利用JavaScript 脚本动态调整该属性来定位目标框架。
值得注意的是,除 contentDocument 和contentWindow 属性为只读外,iframe 对象的其余属性均为可读可写,但并非所有的属性被改变后都能实时更新目标iframe 框架,如控制滚动条显示与否的scrolling 属性、控制框架与其外部的文档之间空白尺寸的hspace 和vspace属性等,其更多的是作为一种只读属性而存在。

