父窗口和iframe子窗口之间相互传递…

最新推荐文章于 2024-07-31 17:57:41 发布

fightingJava2020

最新推荐文章于 2024-07-31 17:57:41 发布

阅读量982

点赞数

分类专栏： js相关

本文链接：https://blog.csdn.net/nihousheng/article/details/42092159

版权

js相关专栏收录该内容

36 篇文章 0 订阅

订阅专栏

原文地址：http://www.cnblogs.com/hmyprograming/archive/2012/08/15/2640094.html

1.父窗口向子窗口传递参数：

可以在url中添加参数：2.html?a=1&b=2&c=3

然后在子页面上可用js解析,提供一个函数：

使用

var a=getQueryStr("a");
var b=getQueryStr("b");
var c=getQueryStr("c");

可以取得值

2.子页面向父页面传递参数：

可以换一个思路也就是在父页面中定义一个变量，然后在子页面中进行访问更改。

访问方法：window.parent.父窗口中的变量=xxx；

3.父页面调用子窗口方法

4.子窗口调用父窗口方法

parent.functionName();

下面父窗口和子窗口相互调用举例：

父窗口页面

<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()" οnclick="callChild()">
<iframe name="myFrame" src="child.html"></iframe>
</body>
</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()函数" οnclick="callParent()">
</body>
</html>