iframe父页面访问子页面

iframe标签应该属于很老的一个标签了，对于近些年出现的前段开发师而言，有些甚至不懂iframe是什么？做什么用的？

1.iframe元素会创建包含另外一个文档的内联框架,简单来说就是可以在你的页面中引入别人的页面，嵌套式页面

2.iframe元素具体的一些属性值，这里就不做介绍了，属性值的话推荐一个iframe详解点击打开链接

3.iframe同域之间的数据访问，这里走了很多的坑;

3.1 iframe同域之间如何进行数据访问 父页面获取子页面ID:

window.onload = function(){  
var chiDiv=document.getElementById('frame').contentWindow.document.getElementById('userdata');  
// 获取当前页面下的iframe页面的ID.iframe内的windows页面.DOM操作获取ID;  
chiDiv.addEventListener("click",pop);  
//获取到ID正常操作就行了  
}  

如果上述方法获取不到ID，那么就要考虑获取的ID是不是未来元素，iframe页面是否加载完毕

window.onload = function() {  
                var iframes = document.getElementById('FlowStateView');  
                if(iframes.attachEvent) {  
                    iframes.attachEvent('onload', function() {  
                        mui.toast("网络延迟");  
                    })  
                } else {  
                    iframes.onload = function() {  
                        var chiDiv=document.getElementById('frame').contentWindow.document.getElementById('userdata');    
                        chiDiv.addEventListener("click",pop);  
                    }  
                }  
            }  

如何判断iframe所引入的页面加载完毕，可访问这个网址 点击打开链接