在frame的主窗口和子窗口之间的传值和方法调用-优快云博客

本文详细介绍了在Frame结构中如何在不同子页面之间调用变量和方法，包括使用parent对象的不同方法如document.frames, parent.页面名和 parent.frames[页面名]。通过实例展示了在主页面和子页面间的相互调用过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在frame中的子页面调用其他子页面的变量和方法：
1. parent.document.frames("子页面name").子页面方法();
2. parent.子页面name.子页面方法();
3. parent.frames["子页面name"].子页面方法();
例如：
1. parent.document.frames("top").tops();
2. parent.top.tops();
3. parent.frames["top"].tops();

在frame中主页面调用其他子页面的变量和方法：
1.子页面name.子页面方法()
2.子页面name.子页面变量

如下例子：
1.index.html:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
	function ppp(){
		alert("I'm parent");
		}
</script>
</head>

    <frameset rows="18%,*"   framespacing="0">
        <frame src="top.html" name="top" scrolling="No" noresize="noresize"   frameborder="no"/>


        <frameset cols="70%,*">

            <frame src="left.html"  name="left"  scrolling="No" noresize="noresize" title="leftFrame"  frameborder="no"/>
            <frame src="right.html" name="right"  scrolling="auto" noresize="noresize"  title="message" frameborder="no"/> 
        </frameset>    

    </frameset>
    <noframes></noframes>
<body>   
</body>
</html>

2.top.htlm

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>top</title>
<script type="text/javascript">
	function tops(){
		alert("I'm top");
		}
</script>
</head>

<body bgcolor="#CCCCFF">
top
</body>
</html>

3.left.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>left</title>
</head>
<script type="text/javascript">
	function test1(){
		parent.document.frames("top").tops();
		//parent.top.tops();
		//parent.frames["top"].tops();
		}
</script>
<body bgcolor="#0099FF">
left
</body>
<input type="button" onclick="test1()" value="调用top" />
</html>

4.right.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>right</title>
</head>

<body bgcolor="#99CC99">
right
</body>
</html>