Javascript 在框架之间传递变量
2005-08-05 17:35
639 查看
这几天用到了框架,需要在2个页面之间传递变量(用Javascript),搞了好久,终于可以了,特地记下来。
frame.htm
<HTML>
<HEAD>
<TITLE>* Place title here *</TITLE>
</HEAD>
<FRAMESET COLS="24%,76%">
<FRAME SRC="input.htm" NAME="leftframe">
<FRAME SRC="display.htm" NAME="rightframe">
</FRAMESET>
<NOFRAMES>
<!-- Place text here for browsers which do not support frames -->
</NOFRAMES>
</HTML>
input.htm
<HTML>
<META Created with Antechinus JavaScript Editor >
<HEAD>
<TITLE> *** Place Title Here *** </TITLE>
<script language="JavaScript1.2">
function copyValue() {
var name = parent.frames['rightframe'].document.form2.alias.value;
parent.frames['leftframe'].document.form1.name.value = name;
}
</script>
</HEAD>
<BODY BGCOLOR="white">
<form method="get" action="" name="form1">
<p> Name:<input type="text" value="jxyuhua" name="name" size="20"></p>
<p> <input type="button" value="Click" name="button" onClick="copyValue();"></p>
</form>
</BODY>
</HTML>
display.htm
<HTML>
<META Created with Antechinus JavaScript Editor >
<HEAD>
<TITLE> *** Place Title Here *** </TITLE>
</HEAD>
<BODY BGCOLOR="white">
<form method="get" action="" name="form2">
<p> Alias:<input type="text" value="123456" name="alias" size="20"></p>
</form>
</BODY>
</HTML>
frame.htm
<HTML>
<HEAD>
<TITLE>* Place title here *</TITLE>
</HEAD>
<FRAMESET COLS="24%,76%">
<FRAME SRC="input.htm" NAME="leftframe">
<FRAME SRC="display.htm" NAME="rightframe">
</FRAMESET>
<NOFRAMES>
<!-- Place text here for browsers which do not support frames -->
</NOFRAMES>
</HTML>
input.htm
<HTML>
<META Created with Antechinus JavaScript Editor >
<HEAD>
<TITLE> *** Place Title Here *** </TITLE>
<script language="JavaScript1.2">
function copyValue() {
var name = parent.frames['rightframe'].document.form2.alias.value;
parent.frames['leftframe'].document.form1.name.value = name;
}
</script>
</HEAD>
<BODY BGCOLOR="white">
<form method="get" action="" name="form1">
<p> Name:<input type="text" value="jxyuhua" name="name" size="20"></p>
<p> <input type="button" value="Click" name="button" onClick="copyValue();"></p>
</form>
</BODY>
</HTML>
display.htm
<HTML>
<META Created with Antechinus JavaScript Editor >
<HEAD>
<TITLE> *** Place Title Here *** </TITLE>
</HEAD>
<BODY BGCOLOR="white">
<form method="get" action="" name="form2">
<p> Alias:<input type="text" value="123456" name="alias" size="20"></p>
</form>
</BODY>
</HTML>
相关文章推荐
- php和javascript之间变量的传递实现代码
- PHP+JavaScript+HTML变量之间赋值及传递
- php和javascript之间变量的传递实现代码
- vbscript与javascript之间如何传递变量(包括服务器端与客户端)
- javascript框架之全局变量
- NGINX和PHP之间的环境变量传递
- frameset,iframe框架之间如何互相调用变量、函数
- 用javascript实现html页面之间的参数传递的四种方法
- JSON在javascript和php之间的传递(json解析)
- javascript表单之间的数据传递
- 我理解c#(一): 参数传递和变量复制之间的关系
- 在不同的页面之间用javascript传递参数
- Javascript——变量的类型和传递
- 在OpenGL和GLSL之间传递变量
- 通过a4j:jsFunction 调用原生的javascript方法,并且共享和传递后台bean里面的变量
- 如何在servlet中获取jsp中form表单提交的变量,以及jsp与servlet之间的数据传递
- 关于vbscript 与 javascript如何传递变量(包括服务器端与客户端)
- javascript的正则如何传递一个变量
- javascript表单之间的数据传递!
- NGINX和PHP之间的环境变量传递