iframe页面嵌套-----------父子页面之间js内的方法互调
1、父页面parant.html
<body>
<div style="width: 15%;height: 800px;float: left;">
<iframe src="childern.html" name="chfreame" style="width: 100%;height: 100%;margin: 0px;padding: 0px;border: 0px;"></iframe>
</div><div>
..........
</div></body>
2、父页面js文件
$(function(){
fun();
fff();
});
function fun(){
alert("此处是父页面方法");
}
function fff(){
chfreame.window.test();//在父页面中用 内嵌框架名.window.子页面方法名() 调用子页面方法
}
3、子页面childern.html
<body>
<input type="button" value="点击调用父页面方法" οnclick="btn()"/>
.............
</body>
4、子页面js文件
function btn(){
window.parent.fun(); //在子页面中用window.parent.方法名()来调用父页面中的方法
}
function test(){
alert("此处是子页面中的方法");
}