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所引入的页面加载完毕,可访问这个网址
点击打开链接