下载文档原格式
Default.js://下拉表当前选中项的索引var currentIndex = -1;var requestObj;//自动完成function autoComplete(){//如果按下向上, 向下或回车if (event.keyCode == 38 || event.keyCode == 40 || event.keyCode == 13){//选择当前项selItemByKey();}else //向服务器发送请求{//恢复下拉选择项为 -1currentIndex = -1;if(window.XMLHttpRequest){requestObj = new XMLHttpRequest();if(requestObj.overrideMimeType){requestObj.overrideMimeType("text/xml");}}else if(window.ActiveXObject){try{requestObj = new ActiveXObject("Msxml2.XMLHTTP");}catch(e){requestObj = new ActiveXObject("Microsoft.XMLHTTP");}}//开始请求//requestObj = new ActiveXObject("Microsoft.XMLHTTP");requestObj.onreadystatechange = displayResult;var workVendortemp=document.form1.workVendor.value;requestObj.open("POST", "inputSubChannel?name="+workVendortemp+"&ts=" + new Date().toLocaleString(), true);requestObj.send(document.getElementById("workVendor").value);}}//显示结果function displayResult(){if (requestObj.readyState == 4){showData();divContent.style.display = "";}}//显示服务器返回的结果 ,并形成下拉表function showData(){//显示转后后的结果divContent.innerHTML = requestObj.responseText;}//通过键盘选择下拉项function selItemByKey(){//下拉表var tbl = document.getElementById("tblContent");if (!tbl){return;}//下拉表的项数var maxRow = tbl.rows.length;//向上if (event.keyCode == 38 && currentIndex > 0){currentIndex--;}//向下else if (event.keyCode == 40 && currentIndex < maxRow-1) {currentIndex++;}//回车else if (event.keyCode == 13){var VL = tbl.rows[currentIndex].innerText;if(VL!=undefined){var VLS =VL.split("(");document.getElementById("workVendor").value = VLS[0];}initList();return;}clearColor();if(tbl.rows[currentIndex].innerText.title!=undefined){document.getElementById("workVendor").value =tbl.rows[currentIndex].innerText.title;}//设置当前项背景颜色为blue 标记选中tbl.rows[currentIndex].style.backgroundColor = "#426FD9"; }//清除下拉项的背景颜色function clearColor(){var tbl = document.getElementById("tblContent");for (var i = 0; i < tbl.rows.length; i++){tbl.rows[i].style.backgroundColor = "";}}//选择下拉表中当前项的值 ,用于按回车或鼠标单击选中当前项的值function selValue(){if (event.keyCode != 13){var text = event.srcElement.title;if(text!=undefined){var temp = text.split("#");document.getElementById("workVendor").value = temp[0];document.getElementById("mainChanel").value = temp[1];document.getElementById("subChanel").value = temp[2];}}initList();}//文本框失去焦点时设置下拉表可见性function setDisplay(){//获取当前活动td的表格if (document.activeElement.tagName == "TD"){var tbl =document.activeElement.parentElement.parentElement.parentElement; //如果不是下拉表,则隐藏下拉表if (tbl.id != "tblContent"){initList();}return;}initList();}function initList(){divContent.style.display='none';divContent.innerHTML = "";currentIndex = -1;}inputSubChannel.jsp:<%@ include file="../common/taglib.jsp"%><%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><body><table cellSpacing="0" cellPadding="0"width="150px" align="center" border="0" id="tblContent"style="background-color:#FFFFFF;border:1px solid #999999;"><c:forEach items="${channelSublist}" var="channelSub"><tr><td height="20" nowrap onclick="selValue()" style="cursor:hand" onmouseover="clearColor();this.parentElement.style.backgroundColor='#426FD9'" onmouseout="clearColor()"title="${}#${ChanId}#${channelSub.id}">${}</td></tr></c:forEach></table></body></html>实现页面:<tr bgcolor="#d4eaff"><td><div align="right">提供厂商名称：</div></td><td bgcolor="#D4EAFF" height="1px;"><input name="workVendor" type="text"id="workVendor" onclick="autoComplete()" onkeyup="autoComplete()"onblur="setDisplay();" maxlength="50"/>*<div id="divContent" style="padding-left:0px;display:none;position:absolute;"></div></td><td ><input name="mainChanel" type="hidden" id="mainChanel" /><input name="subChanel" type="hidden" id="subChanel" /></td></tr>。
JavaSwing中的⽂本框（JTextField）与⽂本区（JTextArea）使⽤实例⼀:JTextField的(⽂本框)使⽤:JTextField 是⼀个轻量级组件，它允许编辑单⾏⽂本。
1.JTextField的常⽤构造⽅法:JTextField() 构造⼀个新的 TextField。
JTextField(int columns) 构造⼀个具有指定列数的新的空 TextField。
JTextField(String text) 构造⼀个⽤指定⽂本初始化的新TextField。
JTextField(String text, int columns) 构造⼀个⽤指定⽂本和列初始化的新TextField。
2.JTextField的常⽤⽅法:SetText(string) 设置⽂本域中的⽂本值GetText()返回⽂本域中的输⼊⽂本值getColumns()返回⽂本域的列数setEditable(Boolean) 设置⽂本域是否为只读状态3.JTextField的使⽤⽰例:复制代码代码如下:import java.awt.*;import java.awt.event.*;import javax.swing.*;public class JTextFieldDemo1 {JFrame jf;JPanel jp;JTextField jtf1,jtf2,jtf3,jtf4;public JTextFieldDemo1() {jf = new JFrame("TextField案例");Container contentPane = jf.getContentPane();contentPane.setLayout(new BorderLayout());jp = new JPanel();jtf1 = new JTextField();jtf2 = new JTextField(10);jtf3 = new JTextField("指定⽂本内容");jtf4 = new JTextField("指定内容+指定长度(只读状态)",30);jtf3.setEnabled(false);jtf4.setFont(new Font("谐体",Font.BOLD|Font.ITALIC,16));//设置⽂本的⽔平对齐⽅式jtf4.setHorizontalAlignment(JTextField.CENTER);jp.add(jtf1);jp.add(jtf2);jp.add(jtf3);jp.add(jtf4);contentPane.add(jp);jf.pack();jf.setLocation(400, 200);jf.setVisible(true);jf.addWindowListener(new WindowAdapter() {public void windowClosing(WindowEvent e) {System.exit(0);}});}public static void main(String[] args) {new JTextFieldDemo1();}}效果图:⼆:JTextArea(⽂本区)的使⽤:1.JTextArea的常⽤构造⽅法:JTextArea() 构造新的 TextArea。
3/19Jsp中<input>属性详解Input表示Form表单中的一种输入对象，其又随Type类型的不同而分文本输入框，密码输入框，单选/复选框，提交/重置按钮等，下面一一介绍。
1，type=text输入类型是text，这是我们见的最多也是使用最多的，比如登陆输入用户名，注册输入电话号码，电子邮件，家庭住址等等。
当然这也是Input的默认类型。
参数name：同样是表示的该文本输入框名称。
参数size：输入框的长度大小。
参数maxlength：输入框中允许输入字符的最大数。
参数value：输入框中的默认值特殊参数readonly：表示该框中只能显示，不能添加修改。
<form>your name:<input type="text" name="yourname" size="30" maxlength="20" value="输入框的长度为30，允许最大字符数为20"><br><input type="text" name="yourname" size="30" maxlength="20" readonly value="你只能读不能修改"></form>2，type=password不用我说，一看就明白的密码输入框，最大的区别就是当在此输入框输入信息时显示为保密字符。
参数和“type=text”相类似。
<form>your password:<input type="password" name="yourpwd" size="20" maxlength="15" value="123456">密码长度小于15</form>3，type=file当你在BBS上传图片，在EMAIL中上传附件时一定少不了的东西：）提供了一个文件目录输入的平台，参数有name，size。
JSP程序设计期末模拟试卷一、选择题（本大题共15小题，每小题2分，共30分）1．在JSP中如果要导入 java.io.* 包，应该使用( )指令。
A. pageB. taglibC. includeD. forward2.对于预定义<%!预定义%>的说法错误的是（）A、一次可声明多个变量和方法，只要以“;”结尾就行B、一个声明仅在一个页面中有效C、声明的变量将作为局部变量D、在预定义中声明的变量将在JSP页面初始化时初始化3．JSP中的隐式注释为 ( )。
A. // 注释内容B. <!—注释内容-->C. <%--注释内容--%>D. /* 注释内容 */4．使用response对象进行重定向时使用的方法为（）。
A.getAttribute( )B. sendRedirect( )C. setContentType( )D. setAttribute( )5．如果把用户名变量UserName放在session对象中,下面语句正确的是( )A.session.setName(UserName)B. session.setName(“name”,UserName)C. session.setAttribute(UserName)D. session.setAttribute(“name”,UserName)6．在JSP中，test.jsp文件中有如下一行代码：<jsp:useBean id=”user” scope=”_____”type=”erBean”/>要使user对象中一直存在于对话中，直至其终止或被删除为止，下划线中应填入（）。
A.pageB.requestC.sessionD.application7．在JSP中，使用<jsp:useBean>动作可以将javaBean嵌入JSP页面，对JavaBean的访问范围不能是（）。
A. pageB. requestC. responseD. application8．在JSP中，（）动作用于将请求转发给其他JSP页面。
jsp页面中文本框，下拉框，单选框，复选框，文本域的清空[/align][align=center]%@ page language= java import= java.util.* pageEncoding= utf-8 % %String path = request.getContextPath();String basePath = request.getScheme()+ ://+request.getServerName()+ : +request.getServerPort()+path+ / ;%!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//ENhtmlheadbase href= %=basePath%title 缓存技术的应用 /titlemeta http-equiv= pragma content= no-cachemeta http-equiv= cache-control content= no-cachemeta http-equiv= expires content= 0meta http-equiv= keywords content= keyword1,keyword2,keyword3meta http-equiv= description content= This is my page!--link rel= stylesheet type= text/css href= styles.css--script type= text/javascript//清空查询条件function clearForm(){document.getElementById('name').value= ;document.getElementById('sex').value= ;document.getElementById('textfield').value= ;//清空单选和复选框var checked = checked || false;var objects = document.getElementsByTagName( input ); //拿到input的值for(var i=0;i objects.length;i++){if(objects[i].type=='radio' || objects[i].type=='checkbox'){ //判断类型if(checked==true)objects[i].checked= checked ;elseobjects[i].checked= ;}}}/script/headbodycenterform action= name= fm method= posttable border= 1trtd colspan= 2 align= center 缓存的应用 /td /trtrtd姓名: /tdtdinput name= name type= text value= //td/trtrtd 性别: /tdtdselect name= sexoption value= 请选择 /optionoption value= 男男 /optionoption value= 女女 /option/select /td/trtrtd单位类型:/tdtdnbsp; input type= radio value= 1 name= unittype / 管理部门nbsp; input type= radio value= 2 name= unittype / 普通企业/td/trtrtd 常用语言: /tdtdnbsp;input type= checkbox name= name2 javainput type= checkbox name= name2 phpinput type= checkbox name= name2 c++ br/td/trtrtd兴趣爱好:/tdtdtextarea name= textfield id= textfield /textarea/td/trtrtd align= center colspan= 2input type= submit value= 提交 /input type= button value= 重置 onclick= clearForm(); / /td/tr/table/form/center/body/html[/align][align=center] [align=left][/align]。
1.如果做动态网站的开发，以下（D）可以作为服务器端脚本语言，A. HTML B .jsp C javascript D.Java2. 在Web项目的目录结构中，web.xml文件位于（D）中A .src目录 B. 文档根目录 C. META-INF目录 D. WEB-INF目录3 . 在运行Web项目时，IE提示“404错误‘，可能的原因包括（BCD）（选三项）A. 未启动Tomcat服务B. 未部署Web项目C. URL中的上下问路径书写错误D. URL中的文件名书写错误4. 以下（C）的对象可以使用键/值的形式保存数据A. ArrayListB . LinkedListC. HashMapD. Collection5. 要把一个web应用中的index.html文件设置为该Web应用的欢迎页面，以下代码片段正确的是(C)A. <welecome-file><welcome-file-list>index.html</welcome-file-list></welcome-file>B .<welcome-file-list>index.html</welcome-file-list>C . <welcome-file-list><welcome-file>index.html</welcome-file></welcome-file-list>D . <file-list><welcome-file>index.html</welcome-file></file-list>6.如果请求页面中存在两个单项按钮（假设单项按钮的名称为sex），分别代表男和女，该页面提交后，为你获得用户的选择项，可以使用以下（B）方法。
A. request.getParameter(sex);B . request.getParameter(“sex”);C . request.getParameterValues(sex);D. request.getParameterValues(“sex”);7. 下列选项中，（B）可以获取到请求页面的一个文本框的输入（假设文本框的名称为name）。
1、Servlet程序的入口点是。
A.init（）B.main（）C.service（）D.doGet（）2、在JSP中，test.jsp文件中有如下一行代码：<jsp:useBean id=“user” class=“erBean” scope=“_____” />;要使user对象一直存在于对话中，直至其终止或被删除为止，下划线中应填入。
A.pageB.requestC.sessionD.application3、在JSP中，动作用于将请求转发给其他JSP页面。
A.forwardB.includeeBeanD.setProperty4、tom. Circle是创建bean的类，下列标记是正确创建request周期bean的标记?A. <jsp:useBean id=“circle” type=“tom.Circle” scope=“page”/>B. <jsp:useBean id=“circle” class=“tom.Circle” scope=“request”/>C. <jsp:useBean id=“circle” class=“tom.Circle” scope=“session”/>D. <jsp:useBean id=“circle” class=“tom.Circle” scope=“page”/>5、假设创建bean的类有一个int型的属性number，下列方法是设置该属性值的正确方法？A. public void setNumber(int n){B. void setNumber(int n){number=n; number=n;} }C. public void SetNumber(int n){D. public void Setnumber(int n){number=n; number=n;} }6、JSP中使用<jsp:getProperty>标记时，不会出现的属性是：。
js给文本框赋值文本域语句如下：<input type="test" name="testName" id="testId">javascript赋值操作：<script language="javascript">document.getElementByIdx_x("testId").value="hello";</script>注意：value与innerHTML的区别上面的value也可以写成innerHTML有value属性的标签才能使用getElementById().value比如<input type="text" value="" />像<div>12345</div>这种没有value属性的标签就用getElementById().innerHTML下面应用到具体页面来展示js的这种功能：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>订阅时事通讯</title><script language="javascript">/*document.write("<h1> 欢迎订阅时事通讯</h2>");document.write("请选择您要的时事通讯：");function whoOnFocus() { // 您选中了哪一时事通讯var who = ""; // 您选中的那一时事通讯for(var j = 0; j <document.SubscriptionNewsletters.newsletters.length; j++) {if(document.SubscriptionNewsletters.newsletters[j].checked == true) { // 如果某复选框被选中document.SubscriptionNewsletters.getElementById("whoOnFocus").value = ""; // 清空文本框里的值who = document.SubscriptionNewsletters.newsletters[j].value; // 被选中复选框的值document.SubscriptionNewsletters.getElementById("whoOnFocus").value = who + " 接收焦点";}}}functiondispInfo() {var s = "";for(var i = 0; i <document.SubscriptionNewsletters.newsletters.length; i++) {if(document.SubscriptionNewsletters.newsletters[i].checked == true) { // 如果某复选框被选中s += document.SubscriptionNewsletters.newsletters[i].value + "<br />"; // 显示您选过的时事通讯项目}}document.write("以下是您订阅的时事通讯：<br />");document.write("<br />" + s);}*/functionwhoOnFocus(){var newsletters = document.getElementsByName("newsletters")var s = ""//alert(newsletters[0].checked)document.SubscriptionNewsletters.whoOnFocus.value = ""for (var i=0;i<newsletters.length;i++ ){if (newsletters[i].checked==true){s = s + newsletters[i].value}}document.SubscriptionNewsletters.whoOnFocus.value = s}functiondispInfo(){var newsletters = document.getElementsByName("newsletters")var s = ""for (var i=0;i<newsletters.length ;i++ ){if (newsletters[i].checked==true){s = s + newsletters[i].value +"<br>"}}if (s == ""){s = "你还没有订阅任何时事通讯"}document.getElementById("res").innerHTML = s}window.onload = function(){var newsletters = document.getElementsByName("newsletters")for (var i=0;i<newsletters.length;i++ ){newsletters[i].onclick=function(){whoOnFocus()}}}</script></head><body><h1> 欢迎订阅时事通讯</h2>请选择您要的时事通讯：<form name="SubscriptionNewsletters"><input type="checkbox" name="newsletters" value="C" />C<br /><input type="checkbox" name="newsletters" value="C++" />C++<br /><input type="checkbox" name="newsletters" value="C#" />C#<br /><input type="checkbox" name="newsletters" value="JAVA" />JAVA<br /><input type="checkbox" name="newsletters" value="Visual Basic" />Visual Basic<br /><input type="checkbox" name="newsletters" value="Oracle" />Oracle<br /><input type="checkbox" name="newsletters" value="SQL Server" />SQL Server<br /> <input type="text" name="whoOnFocus" id="whoOnFocus" /><br /><br /><input type="button" name="signin" value="登记" onClick="dispInfo()" /></form><h1>以下是您订阅的时事通讯</h1><hr><div id="res"></div></body></html>。
