javascript 实现框架间函数的传递

2009-06-29 12:37:33 | 【

本文设计了一个左右分割的框架页面,包含全部html源代码,展示了如何在框架内的页面间传递函数

javascript 框架间函数传递 /*********index.htm*******主文件
以下是程序代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Untitled Document</title>
</head>

<frameset cols="80,*" frameborder="NO" border="0" framespacing="0">
<frame src="left.htm" name="leftFrame" scrolling="NO" noresize>
<frame src="right.htm" name="mainFrame">
</frameset>
<noframes><body>
</body></noframes>
</html>



/************left.htm 页面
<html>
<body>
<input type="submit" name="Submit" value="Submit" onClick="testFunc('hello')">

<script language="javascript">
function testFunc(args){
parent.mainFrame.rightFunc(args);
}
</script>
</body>
</html>



/*********right.htm 页面
<html>
<body>

<script language="javascript">
function rightFunc(args){
alert(args);
}
</script>
</body>
</html>

相关资源