iframe-01
IFRAME 元素也就是文档中的文档，或者好像浮动的框架(FRAME)。frames 集合提供了对 IFRAME 内容的访问。请使用 frames 集合读写 IFRAME 内包含的元素。例如，如果要访问 iframe 内 body 对象的 backgroundColor 样式，语法应为:
利用iframe来做无刷新上传
要实现文件上传，form必须设置几个属性： 这里关键就是把form的target设为iframe的name iframe的具体示例： <html> 这个在页面上显示为一个嵌在页面的框架，该框架的大小为长100像素，宽100像素，有滚动条没有边框。 <html>
1.action：设为要处理数据的页面地址；
2.method：设为"post"；
3.enctype/encoding：必须设为"multipart/form-data"，这里要注意的是在ie中用js修改form的enctype属性是没有效果的，只能修改encoding；
iframe实现无刷新上传的原理：利用form的target属性，把数据提交到页面中一个（通常为隐藏的）iframe上。直观点说就是把“刷新”留给iframe。
其实原理跟一般用iframe实现无刷新提交表单是一样的，只是这里换成是文件。
<body>
<iframe src="a.htm" frameborder=“0” scrolling="yes" height="100px" width="100px"></iframe>
</body> </html>
<body>
<iframe name="res" style="display:none;" src="a.htm" frameborder=“0” scrolling="yes" height="100px" width="100px"></iframe>
<form target="res">
</form>
用隐含的iframe提交数据，可以避免叶面刷新。
</body>
</html>
sColor = document.frames("sFrameName").document.body.style.backgroundColor;
通过 iframe 对象所在页面的对象模型，你可以访问 iframe 对象的属性，但不能访问其内容。例如，访问 iframe 对象的 border 样式的语法应为:
sBorderValue = document.all.oFrame.style.border;
注意 iframe 的属性必须使用前缀 document.all 访问，例如 document.all.iframeId.marginWidth。
Internet Explorer 5.5 支持浮动框架的内容透明。如果想要为浮动框架定义透明内容，则必须满足下列条件。
与 IFRAME 元素一起使用的 ALLOWTRANSPARENCY 标签属性必须设置为 true。
在 IFRAME 内容源文档，background-color 或 BODY 元素的 BGCOLOR 标签属性必须设置为 transparent。
参看使用透明的浮动框架可以获得关于透明浮动框架更多的信息。
此元素在 Microsoft® Internet Explorer 4.0 的 HTML 和脚本中可用。
此元素是一个块元素。
此元素需要关闭标签。
示例
下面的例子使用了 IFRAME 元素创建了包含页面 sample.htm 的框架。
iframe 标签 -- 代表HTML内联框架
* iframe标签是成对出现的,以<iframe>开始,</iframe>结束
* 属性
o name -- 定义了内容页名称,此名称在框架页内链接时使用到
o frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
o marginwidth -- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定
o marginheight -- 定义了框架中HTML文件显示的左右边界的矿度,取值为px,缺省值由浏览器决定
o align -- 垂直或水平对齐方式
o height -- 框架的高度
o width -- 框架的宽度
* 引用网址:http://www.dreamdu.com/xhtml/tag_iframe/
下面的例子返回了对 IFRAME 包含的文档的 all 集合的引用。
var collAll = document.frames("IFrame1").document.all
标签属性 属性 描述
ALIGN align 设置或获取表格排列。
ALLOWTRANSPARENCY allowTransparency 设置或获取对象是否可为透明。
APPLICATION APPLICATION 表明对象的内容是否为 HTML 应用程序(HTA)，以便免除浏览器安全模式。
ATOMICSELECTION 指定元素及其内容是否可以一不可见单位统一选择。
BEGIN begin 设置或获取时间线在该元素上播放前的延迟时间。
BORDER border 设置或获取框架间的空间，包括 3D 边框。
canHaveChildren 获取表明对象是否可以包含子对象的值。
canHaveHTML 获取表明对象是否可以包含丰富的 HTML 标签的值。
CLASS className 设置或获取对象的类。
contentWindow 获取指定的 frame 或 iframe 的 window 对象。
DATAFLD dataFld 设置或获取由 dataSrc 属性指定的绑定到指定对象的给定数据源的字段。
DATASRC dataSrc 设置或获取用于数据绑定的数据源。
disabled 获取表明用户是否可与该对象交互的值。
END end 设置或获取表明元素结束时间的值，或者元素设置为重复的简单持续终止时间。
firstChild 获取对象的 childNodes 集合的第一个子对象的引用。
FRAMEBORDER frameBorder 设置或获取是否显示框架的边框。
hasMedia 获取一个表明元素是否为 HTML+TIME 媒体元素的 Boolean 值。
HEIGHT height 设置或获取对象的高度。
HIDEFOCUS hideFocus 设置或获取表明对象是否显式标明焦点的值。
HSPACE hspace 设置或获取对象的水平边距。
ID id 获取标识对象的字符串。
innerText 设置或获取位于对象起始和结束标签内的文本。
isContentEditable 获取表明用户是否可编辑对象内容的值。
isDisabled 获取表明用户是否可与该对象交互的值。
isMultiLine 获取表明对象的内容是包含一行还是多行的值。
isTextEdit 获取是否可使用该对象创建一个 TextRange 对象。
LANG lang 设置或获取要使用的语言。
LANGUAGE language 设置或获取当前脚本编写用的语言。
lastChild 获取该对象 childNodes 集合中最后一个子对象的引用。
longDesc 设置或获取对象长描述的统一资源标识符(URI)。
MARGINHEIGHT marginHeight 设置或获取显示框架中文本之前的上下边距高度。
MARGINWIDTH marginWidth 设置或获取显示框架中文本之前的左右边距宽度。
NAME name 设置或获取框架的名称。
nextSibling 获取对此对象的下一个兄弟对象的引用。
nodeName 获取特定结点类型的名称。
nodeType 获取所需结点的类型。
nodeValue 设置或获取结点的值。
offsetHeight 获取对象相对于版面或由父坐标 offsetParent 属
