Silentash-默尘

前日对iframe的几种文档对象获取方式做了测试，发现一些有趣现象，与大家分享！
假设在页面嵌入如下iframe:
<iframe id="testFrame" name="testFrame" src="#" frameborder="0" border="0" scrolling="no" style="display:none"></iframe>

众所周知，iframe是内嵌窗口，我们可以通过多种方式获取iframe对象及其window\document对象（同域前提），不过哪些是哪些有时会搞不清，测试目的也是为了加深记忆。
比较常见的方法有以下几种，分别测试：

• A:document.getElementById(‘testFrame’)
• B:window.frames['testFrame'];
• C:document.getElementById(‘testFrame’).contentWindow

测试结果(非IE浏览器及IE8)


从测试结果及其比对结果可以看出，A得到的是iframe这个html标签对象，B和C得到的是iframe浏览器对象(window)，有意思的是IE7及以下版本浏览器认为这两者是不恒等的
…

通常我们用 js 脚本创建 iframe 时，会这样写：

    var iframe = document.createElement('iframe');


之后我们可能会定义 id、name、border 等属性，这些看似简单，其实 IE 与非 IE 浏览器之间、IE 和 IE 高版本之间的迥异，使得 iframe 的相关兼容性操作非常地有文章…

写几个灰常灰常简单的跨域传值实例！
零、同域下父页面 A 可以随意访问子页面 B ,Demo:同域访问
两个页面域同为 www.silentash.com ;

之前有讲过 IE6 下多余的注释会引起浮动容器的字符复制BUG。根据这个原理，解决了不少相似的问题，不过今天碰到的却让我人很头疼，原因是这次出问题的是iframe。

废话不多讲，直接看代码：
[code=html]

[/code]