父子iframe 相互访问元素和变量

父中:

<input id="username"type="text" />
<scripttype="text/javascript">
var count = 1;
</script>

子iframe中:

 
<scripttype="text/javascript"> 
alert(window.parent.count); //获取父中的js变量 
alert($("#username", window.parent.document));//获取父中jQuery对象 
alert(window.parent.document.getElementByIdx_x('username'));//获取父中DOM对象 
</script> 

子iframe中（id="iframeId"name="iframeName"）:

 
<input id="username"type="text" /> 
<scripttype="text/javascript"> 
varcount = 1; 
</script> 

父中:

 
<scripttype="text/javascript"> 
alert(document.iframeName.count);//获取子iframe中的js变量 
alert($(window.frames["iframeName"].document).contents().find("#username"));//获取子iframe中jQuery对象 
alert($("#username",document.frames("iframeName").document));//获取子iframe中jQuery对象 
alert(window.document.getElementById('iframeId').contentWindow.document.getElementByIdx_x('username'));//获取子iframe中DOM对象 
</script> 

 

获取子iframe 值的例子

 

<iframe  id="iframe0" name="iframe0" src="/single_grid/list/biz_demo_links" style="height: 410px; width: 1288px;" ></iframe>
				<script type="text/javascript">
					$("#iframe0").on("load",function(){
						alert($(window.frames["iframe0"].document).contents().find("#grid").attr("lay-filter"));
					});
				</script>