实现 iframe 子页面调用父页面中的js方法

2022-01-16 17:17:33

父页面：index.html(使用iframe包含子页面child.html)

[xhtml] view plain copy print ?

<html>
<head>
<script type="text/javascript">
<!--
function toshow(msg){
alert("这里是父页面:"+msg);
}
// -->
</script>
</head>
<body>
<iframe background="blue" src="child.html" mce_src="child.html"></iframe>
</body>
</html>

子页面child.html(调用父页面toshow方法)

[xhtml] view plain copy print ?

<html>
<head>
<script type="text/javascript">
<!--
function doparent(){
window.parent.toshow('ccccchild');
}
// -->
</script>
</head>
<body>
This is child frame!!
<input type="button" value="请点击" onclick='doparent()'></input>
</body>