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

Posted blfbuaa

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js父页面和子页面之间传值相关的知识,希望对你有一定的参考价值。

今天和朋友一块讨论,怎样通过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父页面和子页面之间传值的主要内容,如果未能解决你的问题,请参考以下文章

各位大侠我想问一下 iframeresizer.js 父页面和子页面怎么互调方法?(跨域)

JavaScript用window.opener实现父窗口和子窗口传值

js传值到iframe中

js子页面向父页面传值问题

iframe父页面与子页面之间的传值问题

js window.opener 子页面 父页面 传值