1.在iframe子页面中获取父页面的元素:
a>window.parent.document这个是获取父页面document中的对象;
b>如果要获取父页面js中的方法:window.parent.xxxx();xxxx()为方法;
2.在父页面中获取iframe子页面中的元素:
a>
var child =
document.getElementByIdx_x("mainFrame").contentWindow//mainFrame这个id是父页面iframe的id
child.document//获取子页面中的document对象;
可以这样<script type="text/javascript">
var a=function(){
this.x=1
var parent = this
this.b=function(){
this.x=2
alert("parent.x "+parent.x)
}
}
var c=new a()
c.b()
理解以下几点后就很清楚了:DOM是html 文档接口。
DOM将html文档的元素(即html标签)根据层级整理成树状模型。
而js操作html都是通过DOM来操作的。
一棵树,有干、有枝、有叶,叶的父级是枝,枝的父级是干。
如果你只是看文件的内容的话它是可以这样理解的:
中国 包含 云南,云南 包含 红河州, 红河州 包含 红河人hongheren.cn
红河州就是红河人 的父级,云南是红河州的父级,中国是云南的父级
例:<html><body><div></div></body></html>
body是div的父级,html是body的父级
其它一次类推。
以上是DOM父级的理解,有助于理解js事件的父级。
js事件的父级,说白了就是事件发生点的元素的对象的父级对象上的事件。
如下面的代码保存为html文件:
<html><body onclick="alert('body')"><div onclick="alert('div')"
style="width:600pxheight:400pxbackground-color:F00"></div></body></html>
用浏览器开打后你会发现点击div是body的onclick事件也被触发了。
如上,应该能够理解了吧。