针对有网友说看不见文章内容, 现提示如下: 点击每一个标题行任一地方都会展开和隐藏此文章内容(不要点击标题). 目前展开隐藏功能只支持IE浏览器,虽然可以改成支持FF浏览器,不过现在一直没时间去弄,等有时间再修改了。 |
blog名称:乱闪Blog 日志总数:267 评论数量:1618 留言数量:-26 访问次数:2672989 建立时间:2005年1月1日 |
|

| |
用JAVASCRIPT来进行页面各表单之间的数据传递的问题
|
一,最简单的就是同一个网页里的表单的数据传递。
举个实例,一个网页上有两个表单,每个表单里一个文本框,一个按钮。点按钮互相对操作对方的文本框的值。我们举的例子是把一个文本框付给另一个文本框。具体的HTML代码如下:
<html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body> <form name="form1" method="post" action=""> <input type="text" name="textfield"> <input type="button" name="Submit" value="1--------->2" onClick="ok()"> </form> <form name="form2" method="post" action=""> <input type="text" name="textfield2"> <input type="button" name="Submit" value="2----->1" onClick="ok1()"> </form> </body> </html>以上为HTMl的代码,大家可能注意到了onclik的代码了,有两个函数,接下来就是JAVASCRIPT的代码了:
<script language="JavaScript"> function ok() { document.form2.textfield2.value=document.form1.textfield.value; } function ok1() { document.form1.textfield.value=document.form2.textfield2.value; } </script>
二,第二种是两个窗口之间的表单的文本框之间数据传递。 其实这个可以在原来的基础上进行一些扩展就可以了。关于如何创建弹出窗口,窗体里的表单的代码, 在这里就不多说了,现在在这里说一下如何操作父窗口的表单里的文本框的数据。具体代码如下:
<script language="JavaScript"> function ok() { opener.document.form2.textfield2.value=document.form1.textfield.value } </script> 三,第三种就是框架网页之间的表单的文本框之间数据传递. 注意的地方是框架的写法:
<frameset cols="505,505"> <frame src="test.htm" name="leftr" id="leftr">//定义框架的名称 <frame src="test2.htm" id="right" name="right"> </frameset> <noframes> <body> </body> </noframes>体的实现代码如下:
<script language="JavaScript"> function ok() { parent.leftr.document.form2.textfield2.value=document.form1.textfield.value } </script> 这三种窗口之间的文本框数值互相操作的简单方法就实现了,其它需要注意的就是他们之间的关系。
在设计网站的时,我们可能会想把链接做成按钮的样子,按钮做成链接的样子。下面说一下我的方法。1、按钮做成链接(图片)的样子提交按钮<input type="submit" value="提交">提交链接<a href="#" onclick="表单名字.submit()">提交</a>
重置按钮<input type="reset" value="重置">重置链接<a href="#" onclick="表单名字.reset()">重置</a>
普通按钮<input type="button" value="按钮" onclick="函数()">普通链接<a href="#" onclick="函数()">链接</a>
至于图片也一样把a标签换成img
2、链接做成按钮的样子<a href="reg.asp">注册</a>=><input type="button" value="注册" onclick="location.href='reg.asp'">
-----------------------------------有的时候我们完全可以手工做一个get方式的表单,至于用按钮还是链接随心所欲。<form action="xx.asp" method="get" name="form1"> <input name="aa" type="text" id="aa"> <input name="bb" type="text" id="bb"> <input type="submit" name="Submit" value="提交"></form>=><input name="aa" type="text" id="aa"><input name="bb" type="text" id="bb"><input type="button" value="按钮" onclick="location.href='xx.asp?aa='+document.all['aa'].value+'&bb='+document.all['bb'].value">-----------------------------------进一步说我们还可以做一个按钮(链接)来同时传递js变量,表单input的值,asp变量,Recordset值<script language="javascript">var id1=1;</script><%id3=3....rs.open exec,conn,1,1假设有rs("id4")=4...%><input name="id2" type="text" id="id2" value="2"><input type="button" value="按钮" onclick="location.href='xx.asp?id1='+id1+'&id2='+document.all['id2'].value+'&id3=<%=id3%>&id4=<%=rs("id4")%>'">我们按下按钮会看到浏览器的url是xx.asp?id1=1&id2=2&id3=3&id4=4在xx.asp中我们就可以用request.querystring来得到所有变量,这样是不是变相的客户端js和服务器段的变量传递? |
|
回复:用JAVASCRIPT来进行页面各表单之间的数据传递的问题
|
电脑与网络 为乱闪说句话(游客)发表评论于2007/12/7 11:37:13 |
| |
回复:用JAVASCRIPT来进行页面各表单之间的数据传递的问题
|
电脑与网络 一条人头(游客)发表评论于2006/6/23 9:33:53 |
| |
回复:用JAVASCRIPT来进行页面各表单之间的数据传递的问题
|
电脑与网络 Orz...(游客)发表评论于2006/5/23 1:05:35 |
| |
回复:用JAVASCRIPT来进行页面各表单之间的数据传递的问题
|
电脑与网络 垃圾(游客)发表评论于2006/5/5 13:51:18 |
| |
回复:用JAVASCRIPT来进行页面各表单之间的数据传递的问题
|
电脑与网络 dsf(游客)发表评论于2006/2/28 16:14:46 |
| |
回复:用JAVASCRIPT来进行页面各表单之间的数据传递的问题
|
电脑与网络 ddd(游客)发表评论于2005/12/13 11:41:16 |
| |
回复:用JAVASCRIPT来进行页面各表单之间的数据传递的问题
|
电脑与网络 asdfasdf(游客)发表评论于2005/9/6 11:15:43 |
| |
回复:用JAVASCRIPT来进行页面各表单之间的数据传递的问题
|
电脑与网络 wrqe(游客211.144.97.84|211.144.97.84)发表评论于2005/7/29 12:40:53 |
| |
回复:用JAVASCRIPT来进行页面各表单之间的数据传递的问题
|
电脑与网络 留名(游客)发表评论于2005/7/5 17:36:46 |
| |
» 1 »
|