今天遇到一个需求,通过iframe标签引入其它页面(当前页面为treeHome.html,被引入页面为shouye.html),在shouye页面当中,点击一个事件之后,需要让treeHome页面某个元素消失,但试了很多次,iframe事件无法添加,最终还是网友的力量强大,找到了两个方法,如果其它网友还有更好的办法,可以留言给我。
<iframe id="if" data-types="click" src="./shouye.html" frameborder="0"></iframe>
// 点击框架外 隐藏
setit()function setit() {if (document.all) {document.getElementById("if").attachEvent("click", dothis);} else {document.getElementById("if").contentWindow.addEventListener("click", dothis, false);}
};
这个方法可以实现,点击出现弹窗,点击弹窗外,框架内的任何地方,弹窗隐藏。