同域下父子页面的通信

原创 2015年11月17日 17:10:53

首先,父页面:parent.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>父页面</title>
</head>
<body>
	<div>我是父页面</div>
	<input id="button" type="button" value="调用child.html中的函数say()" onclick="callChild()"/>
    <iframe name="myFrame" src="child.html"></iframe>
</body>
</html>

<script type="text/javascript">
        function say(){
            alert("我是父页面的say方法");
        }
        function callChild(){
            myFrame.window.say();
            myFrame.window.document.getElementById("button").value="调用结束";
        }
    </script>

然后,子页面:child.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>子页面</title>
</head>
<body>
	<div>我是子页面!</div>
	 <input id="button" type="button" value="调用parent.html中的say()函数" onclick="callParent()"/>
</body>
</html>
<script type="text/javascript">
        function say(){
            alert("我是子页面的say方法");
        }
        function callParent(){
            parent.say();
            parent.window.document.getElementById("button").value="调用结束";
        }
    </script>


父子页面之间跨域通信的方法

父子页面之间跨域通信的方法 2014/08/08 | 分类: WEB前端, 开发 | 1 条评论 | 标签: 前端开发 原文出处: 腾讯TID - lyndon   欢...

嵌套iframe下父子页面之间的通信(跨域及同域的分析)

获取另外一个iframe:window.parent.frames[ "I3" ].document.body; iframe框架中的页面与主页面之间的通信方式根据iframe中src属性...

父子页面之间跨域通信的方法

由于同源策略的限制,JavaScript跨域的问题,一直是一个比较棘手的问题,为了解决页面之间的跨域通信,大家煞费苦心,研究了各种跨域方案。之前也有小网同学分享过一篇“跨域,不再纠结” 开始照着尝试时...

JavaScript:父子页面(iframe)之间通信实例

假定有一个主页面,切入左中右三个页面,左边切换中间的内容,中间切换右边的内容。 如:左侧为主菜单,中间为每个菜单对应列表概要,右边为每个子菜单的明细功能。   设计思路为主页面(parent)承...
  • annkie
  • annkie
  • 2013年03月30日 20:46
  • 2465

嵌套iframe下父子页面之间的通信

获取另外一个iframe:window.parent.frames[ "I3"].document.body; iframe框架中的页面与主页面之间的通信方式根据iframe中src属性是同域链...

javascript父子页面传参

  • 2013年09月29日 11:03
  • 703B
  • 下载

linux下父子进程间的通信——管道

#include #include #include #include #include int main(void) { int result=-1; int fd[2],nbyt...
  • cghver
  • cghver
  • 2011年10月21日 21:45
  • 3039

父子页面传数据.rar

  • 2008年10月22日 11:25
  • 931B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:同域下父子页面的通信
举报原因:
原因补充:

(最多只允许输入30个字)