大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > JavaScript技巧 > iframe子页面与父页面在同域或不同域下的js通信

iframe子页面与父页面在同域或不同域下的js通信(1)

关键词:iframe子页面父页面  阅读(1288) 赞(16)

[摘要]根据iframe中src属性是同域链接还是跨域链接,通信方式也不同,下面有个不错的示例,希望我们提供的文章能够对你解决JavaScript相关问题有所帮助。
iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同。

一、同域下父子页面的通信

父页面parent.html
<html>
<head>
<script type="text/javascript">
function say(){
alert("parent.html");
}
function callChild(){
myFrame.window.say();
myFrame.window.document.getElementById("button").value="调用结束";
}
</script>
</head>
<body>
<input id="button" type="button" value="调用child.html中的函数say()" onclick="callChild()"/>
<iframe name="myFrame" src="child.html"></iframe>
</body>
</html>

子页面child.html
«上一页12下一页»


相关评论