1. 程式人生 > >iframe父子級相互調用

iframe父子級相互調用

child parent 父子級相互調用 iframe

父級:parent.html

調用孩子方法:fuji.window.functionName();

<!doctype html>

<html>


<head>

<script type="text/javascript">

function say() {

alert("parent.html------>I‘m at parent.html");

}


function callChild() {

//document.frames("myFrame").f1();

myFrame.window.say();

}

</script>

</head>


<body>

<input type=button value="調用child.html中的函數say()" onclick="callChild()">

<iframe name="fuji" src="child.html"></iframe>

</body>


</html>

父級:child.html

調用孩子方法:parent.functionName();

<!doctype html>

<html>


<head>

<script type="text/javascript">

function say() {

alert("child.html--->I‘m at child.html");

}


function callParent() {

parent.say();

}

</script>

</head>


<body>

<input type=button value="調用parent.html中的say()函數" onclick="callParent()">

</body>


</html>



本文出自 “12425773” 博客,轉載請與作者聯系!

iframe父子級相互調用