Prototype使用Form操作表单和使用Hash对象

平民王子 · 发表于 2013-1-29 11:39:22

先看使用Form操作表单：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Form元素</title><meta name="author" content="Yeeku.H.Lee" /><meta name="website" content="http://www.crazyit.org" /><meta http-equiv="Content-Type" content="text/html; charset=GBK" /></head><body><script src="js/prototype-1.6.0.3.js" type="text/javascript"></script><form id="form1" name="form1" method="post"><input id="text1" name="text1" type="text" /><br /><input id="text2" name="text2" type="text" /><br /><input id="text3" name="text3" type="text" /><br /><input id="text4" name="text4" type="text" value="xxxxxxxxx" /><br /><select id="st1" name="st1" size="3"><option value="java">Java</option><option value="javaee">Java EE</option><option value="ajax">Ajax</option></select><br /></form><input type="button" value="转换查询字符串" /><br /><input type="button" value="返回第一个有效的表单控件" /><br /><input type="button" value="返回表单的全部表单控件" /><br /><input type="button" value="返回表单的全部input" /><br /><input type="button" value="启用所有表单控件" /><br /><input type="button" value="禁用所有表单控件" /><br /><input type="button" value="将焦点移动到第一个可视的表单控件" /><br /><input type="button" value="重设表单" /><br /></body></html> 下面是使用Hash对象的例子：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Hash对象</title><meta name="author" content="Yeeku.H.Lee" /><meta name="website" content="http://www.crazyit.org" /><meta http-equiv="Content-Type" content="text/html; charset=GBK" /></head><body><script src="js/prototype-1.6.0.3.js" type="text/javascript"></script><script type="text/javascript">//定义一个JavaScript对象var person = {name : 'lbx',age : 29};//将JavaScript对象转换成Hash对象var h = $H(person);//将Hash对象转换成查询字符串。输出：name=yeeku&age=29document.writeln(h.toQueryString() + "<br />");//测试merge方法var person = {name : 'lbx',age : 29};var teacher = {name : 'chy',gender : 'male'};//将后一个Hash对象merge到前一个Hash对象中var h = $H(person).merge($H(teacher));//输出：name=yeeku.H.lee&age=29&gender=maledocument.writeln(h.toQueryString() + "<br />");//直接使用JavaScript对象来更新Hash对象h.update( {age : 30,subject : "java"});//将输出：name=yeeku.H.lee&age=30&gender=male&subject=javadocument.writeln(h.toQueryString() + "<br />");//遍历Hash对象的每个key-value对h.each(function(pair) {document.writeln(pair.key + "-->" + pair.value + "<br />");});</script></body></html>

		自动登录	找回密码
密码			立即注册