javascript 框架间函数传递

转载于 2011-01-20 09:39:00 发布 · 797 阅读

文章标签：

#javascript #框架 #function #html #border #input

javascript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个简单的HTML框架结构，展示了如何使用JavaScript在不同框架间进行函数调用。具体实现方式为通过点击事件触发一个函数，并将参数从一个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＞