随身笔记
随身笔记

在iframe获取父页面DOM元素已经变量和方法

window.parent 是iframe页面调用父页面对象

1)在iframe中查找父页面元素的方法:

$(‘#id’, window.parent.document)
2)在iframe中调用父页面中定义的方法和变量:

parent.method
parent.value

父页面:

<script>
 var nihao='你好';
 function tahao(){
 return '他好';
 }
</script>
<div id="yeye">爷爷</div>
<div id="baba">父亲
</div>
<iframe src="index.html"></iframe>

 

子页面:index.html

<script>
$(function(){
 alert($('#baba',window.parent.document).prev().text());
 alert(parent.nihao);
 alert(parent.tahao());
});
</script>

http://www.jb51.net/article/43406.htm

另外如果靠window.open()弹窗的页面,可以使用opener获取父节点的DOM、变量和方法如
 alert(opener.nihao);
 alert(opener.tahao());
 alert($('#baba',window.opener.document).prev().text());
没有标签
首页      前端资源      在iframe获取父页面DOM元素已经变量和方法

随身笔记

在iframe获取父页面DOM元素已经变量和方法
window.parent 是iframe页面调用父页面对象 1)在iframe中查找父页面元素的方法: $('#id', window.parent.document) 2)在iframe中调用父页面中定义的方法和变量: parent.met…
扫描二维码继续阅读
2015-03-13