码迷,mamicode.com
首页 > Web开发 > 详细

js父页面和子页面之间传值

时间:2017-04-26 10:18:15      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:order   rip   string   name   获取   script   margin   var   ram   

今天和朋友一块讨论,怎样通过js在父页面和子页面之间传值的问题,总结例如以下:

需求描写叙述:父页面有多个子页面。实如今父页面点击子页面,传值到子页面。

看着非常easy,试了好久。主要纠结在怎样获取iframe,刚開始用document.getElementById(‘iframe的ID‘),后来查资料才发现这样的方法仅仅是去取出了一个OBJECT,不能操作它的函数方法。后来改成window.iframes["iframe的name"],这样就能够获取子页面的整个DOM,能够操作它的函数。

1、父页面代码

<html>
<head>
<title></title>
<script type="text/javascript" >
function callChild(){
	var child_1 =window.frames["child"];
	var str = "ddddd";
	child_1.window.testJs(str);
}
function aa(str){
	alert(str);
	}
</script>
</head>
<body>
<iframe name="child" src="children.html" ></iframe>
<a onclick="callChild()">call children</a>
</body>
</html>

2、子页面代码

<html>
<head>
<title></title>
<script type="text/javascript">
	function testJs(str){
		alert(str);
	}
	function callParent(){
		var str = "vdsss";
		parent.aa(str)
	}
	</script>
</head>
<body>
<a onclick="callParent()">call parent</a>
</body>
</html>



js父页面和子页面之间传值

标签:order   rip   string   name   获取   script   margin   var   ram   

原文地址:http://www.cnblogs.com/blfbuaa/p/6766788.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!