关闭

同域下父子页面的通信

标签: htmlweb
66人阅读 评论(0) 收藏 举报
分类:

首先,父页面: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>


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:68次
    • 积分:10
    • 等级:
    • 排名:千里之外
    • 原创:0篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档