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 父页面和子页面怎么互调方法？（跨域）