iframe父子窗口间JS方法调用

最新推荐文章于 2024-02-22 16:42:06 发布

lCBLYY

最新推荐文章于 2024-02-22 16:42:06 发布

阅读量205

点赞数

分类专栏： js 文章标签： iframe 父子窗口间JS方法调用

js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

父窗口页面：
<html>
<head>
<script type="text/javascript">

function hello(){
alert("parent.html------>I'matparent.html");
}

function callChild()
{
//myFrame是iframe的name

//myFrame.window.functionName();
myFrame.window.hello(); //父窗口掉子窗口hello方法
}
</script>
</head>

<body>
<input type="button" value="调用子窗口hello方法" οnclick="callChild()">
<iframe name="myFrame" src="child.html"></iframe>
</body>
</html>

子窗口页面

<html>
<head>
<script type="text/javascript">

function hello()
{
alert("child.html--->I'matchild.html");
}

function callParent(){

// parent.functionName();
parent.hello(); //子窗口掉父窗口hello方法
}
</script>
</head>
<body>
<input type="button" value="调用父窗口hello方法"οnclick="callParent()">
</body>
</html>