关闭

iframe父窗体和子窗体的相互调用

269人阅读 评论(0) 收藏 举报

父窗体

<html>
	<head>
		<title>usually function</title>
	</head>
	<body>
		
		<iframe src="http://www.baidu.com" ></iframe>
		
		<iframe src="myifame.html" id="name_iframe" name="name_iframe"></iframe>
		
		<button value="buttonvalue" id="testid">buttonvalue</button>
	</body>
<html>	
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script>
//contentWindow这个属性,相当于获取iframe网页里面的window对象
$(function(){
	//父窗体获取子窗体的变量
	alert(document.getElementById("name_iframe").contentWindow.vname);//父窗体获取子窗体的方法
	document.getElementById("name_iframe").contentWindow.test();//父窗体获取子窗体的内容
	alert(document.getElementById("name_iframe").contentWindow.document.body.outerHTML);
});

var myname="hb";
function parentFunction(){
	alert("parentFunction");
}
	
</script>

 

子窗体

<html>
	<head>
		<title>usually function</title>
	</head>
	<body>
		
		<button onclick="getParentContent()">getParentContent</button>
	</body>
<html>	
<script type="text/javascript" src="jquery-1.4.4.js"></script>
<script>

var vname="v_name";	
function test(){
	alert("function test");
}

function getParentContent(){
	//获取父窗体的变量
	alert(window.parent.myname);
	//获取父窗体的方法
	window.parent.parentFunction();
	//获取父窗体的dom节点
	alert(parent.document.getElementById("testid").value);
}
	
</script>

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:326110次
    • 积分:8916
    • 等级:
    • 排名:第2245名
    • 原创:1096篇
    • 转载:14篇
    • 译文:0篇
    • 评论:5条
    最新评论