1.在HTML的<TD>标签中，align 属性的取值是（　C　）

A. top ; B. middle ; C. center ; D. bottom

<table border=\公众1\公众>

jsp表格内边框颜色web前台小测试题 Bootstrap

<tr>

<td width=\公众100px\"大众>姓名</td>

<td>性别</td>

<td>年事</td>

</tr>

<tr>

<td>张三</td>

<td>男</td>

<td>20龄</td>

</tr>

</table>

2. CSS样式表根据所在网页的位置，可分为（ B ）

A.行内样式表、内嵌样式表、稠浊样式表; B.行内样式表、内嵌样式表、外部样式表;

C.外部样式表、内嵌样式表、导入样式表; D.外部样式表、稠浊样式表、导入样式表

行内样式：

<html>

<body>

<div style=\"大众width:100px;height:100px;background:red;\"大众></div>>

</body>

</html>

-----------------------------------------------------------------

内嵌样式：

<html>

<head>

<style type=\"大众text/css\公众>

#div{width:100px;height:100px;background:red;}

</style>

</head>

<body>

<div id=\"大众div\"大众></div>

</body>

</html>

--------------------------------------------------------------

外部样式：

<html>

<head>

<link rel=\"大众stylesheet\"大众 type=\公众text/css\公众 href=\"大众ccss.css\公众>

</head>

<body>

<div id=\"大众div\"大众></div>>

</body>

</html>

---------------------

css文件

#div{width:100px;height:100px;background:red;}

#和.差异

.点是利用class引用的，多个控件可以同时利用一个class，一个控件上也可以利用多个class，比如

.tdRed{border:solid 1px red;}

.tdBKBlue{background-color:blue;}

<td class=\公众tdRed\公众 />

<td class=\公众tdRed tdBKBule\"大众/>

而ID是在一个页面中唯一的

总得来说class表示泛性的，id表示个性的

比如你所有的按钮都是一个颜色的

.normalButton{background-color:blue;border:solid 0px black;}

对付提交按钮会要做的大一点

#submit{width:100px;height:100px;}

那么你的按钮便是

<input type=\"大众button\"大众 id=\公众submit\"大众 class=\公众normalButton\"大众 value=\"大众提交\公众 />

普通的按钮便是

<input type=\"大众button\"大众 id=\公众abcdefg\公众 class=\公众normalButton\"大众 value=\"大众普通按钮\公众 />

3. 在插入图片标签中，对插入的图片进行笔墨解释利用的属性是（　D　）

A.name; B.id; C.src; D. alt

4. 对付<FORM action=″URL″ method=>标签，个中代表GET或（　C　）

A.SET; B. PUT; C. POST ; D. INPUT

Get和post差异

安全性：POST比GET安全；

编码办法：POST办法提交时可以通过HTML文档中的<META>元素设置实体部分的编码办法，而GET办法提交时URI默认的编码办法为ISO-8859-1，不可以在页面中设置；

传输文件大小：POST办法提交文件放在实体部分传输，大小无上限，而GET办法提交文件内容放在URI部分传输，最大为2KB;

要求速率：GET比POST快。

数据传输办法：GET：查询字符串（名称/值对）是在 GET 要求的 URL 中发送的，如：/test/demo_form.asp?name1=value1&name2=value2；POST:查询字符串（名称/值对）是在 POST 要求的 HTTP 主体中发送的。

5. 下列标签可以不成对涌现的是（　B　）

A.〈HTML〉〈/HTML〉 ; B.〈P〉 〈/P〉; C.〈TITLE〉〈/TITLE〉 ; D.〈BODY〉〈/BODY〉

<p>是段落标签。

在HTML4.01中某些标签（<p><br>,<hr>,<img>, <input>,<link>等）许可不成对涌现，但是不推举。
在现在的浏览器里，都会“兼容”这些单标签。
浏览器阐明<p>标签后，碰到一个不对应的标签时，会自动补充</p>。
以是<p>标签可以单标签利用，但不推举。

在HTML5中规定了元素必须始终关闭，也便是标签必须成对涌现。

6. 对付标签〈input type=〉，如果希望实现密码框效果，值是（ C ）

A. hidden; B.text ; C. password ; D. submit

7. HTML代码<select name=“name”></select>表示？（ D ）

A. 创建表格 ; <table>

B. 创建一个滚动菜单; <marquee>

C. 设置每个表单项的内容;

D.创建一个下拉菜单

8. BODY元素用于背景颜色的属性是（　C　）

A. alink ; B. vlink ; C. bgcolor; D. background

9. 在表单中包含性别选项，且默认状态为“男”当选中，下列精确的是（　A　）

A. <input type=radio name=sex checked> 男 ; B.<input type=radio name=sex enabled>

C.<input type=checkbox name=sex checked>男；

D.nput type=checkbox name=sex enabled>男

性别(单选框)：<input type=\"大众radio\公众 value=\"大众1\"大众 name=\"大众sex\"大众 checked=\"大众checked\"大众/>男

<input type=\"大众radio\"大众 value=\"大众2\"大众 name=\公众sex\公众/>女

角色（下拉框）：<select name=\"大众role\公众>

<option value=\公众1\"大众 selected=\公众selected\"大众>西席</option>

<option value=\"大众2\公众>学生</option>

</select>

10. 在CSS中下面哪种方法表示超链接笔墨在鼠标经由时，超链接笔墨无下划线？（　B　）

A. A:link{TEXT-DECORATION: underline }; B. A:hover {TEXT-DECORATION: none};

C. A:active {TEXT-DECORATION: blink }; D. A:visited {TEXT-DECORATION: overline }

11. JavaScript代码： 'abcdefg'.indexOf('D') 结果是（ B ）

A：0 B：-1 C：3 D：4

Js常用方法

1.substr

substr(start,length)表示从start位置开始，截取length长度的字符串。

var src=\"大众images/off_1.png\"大众;

alert(src.substr(7,3));

弹出值为：off

2.substring

substring(start,end)表示从start到end之间的字符串，包括start位置的字符但是不包括end位置的字符。

var src=\"大众images/off_1.png\"大众;

alert(src.substring(7,10));

弹出值为：off

3.indexOF

indexOf() 方法返回某个指定的字符串值在字符串中首次涌现的位置（从左向右）。
没有匹配的则返回-1，否则返回顾次涌现位置的字符串的下标值。

var src=\"大众images/off_1.png\公众;

alert(src.indexOf('t'));

alert(src.indexOf('i'));

alert(src.indexOf('g'));

弹出值依次为：-1,0,3

4.lastIndexOf

lastIndexOf()方法返回从右向左涌现某个字符或字符串的首个字符索引值（与indexOf相反）

var src=\公众images/off_1.png\"大众;

alert(src.lastIndexOf('/'));

alert(src.lastIndexOf('g'));

弹出值依次为：6,15

5.split

将一个字符串分割为子字符串，然后将结果作为字符串数组返回。

以空格分割返回一个子字符串返回

var s, ss;

var s = \公众1,2,3,4\公众;

ss = s.split(\公众,\"大众);

alert(ss[0]);

alert(ss[1]);

12. <img src=\"大众name\"大众>的意思是？（ A ）

A. 图像相对付周围的文本左对齐; B. 图像相对付周围的文本右对齐;

C. 图像相对付周围的文本底部对齐; D. 图像相对付周围的文本顶部对齐

13. 点击按钮，在ID为“Link”的DIV标签内显示东软实训超链接, 下面对该按钮的onClick事宜函数描述精确的是：C

A. Link.innerText='<a href=\"大众http://www.jb-aptech.com.cn\"大众>东软实训</a>';

B. Link.outerText='<a href=\"大众http://www.jb-ptech.com.cn\"大众>东软实训</a>';

C. Link.innerHTML='<a href=\公众http://www.jb-aptech.com.cn\"大众>东软实训</a>';

D. Link.outerHTML='<a href=\"大众http://www.jb-aptech.com.cn\"大众>东软实训</a>'

innerHTML 设置或获取位于工具起始和结束标签内的

HTML

outerHTML 设置或获取工具及其内容的 HTML 形式

innerText 设置或获取位于工具起始和结束标签内的文本

outerText 设置(包括标签)或获取(不包括标签)工具的文本

innerText和outerText在获取时是相同效果，但在设置时，innerText仅设置标签内的文本，而outerText设置包括标签在内的文本

14.(“24.7” + 2.3 ) 的打算结果是（ C ）

A. 27 ; B. 24.7 2.3; C. 24.72.3; D. 26.7

15. （ B ）事宜处理程序可用于在用户单击按钮时实行函数

A. onSubmit; B. onClick; C. onChange; D. onExit

属性当以下情形发生时，涌现此事宜onabort图像加载被中断onblur元素失落去焦点onchange用户改变域的内容onclick鼠标点击某个工具ondblclick鼠标双击某个工具onerror当加载文档或图像时发生某个缺点onfocus元素得到焦点onkeydown某个键盘的键被按下onkeypress某个键盘的键被按下或按住onkeyup某个键盘的键被松开onload某个页面或图像被完成加载onmousedown某个鼠标按键被按下onmousemove鼠标被移动onmouseout鼠标从某元素移开onmouseover鼠标被移到某元素之上onmouseup某个鼠标按键被松开onreset重置按钮被点击onresize窗口或框架被调度尺寸onselect文本当选定onsubmit提交按钮被点击onunload用户退出页面

16. 用户变动表单元素 Select 中的值时，就会调用（ D ）事宜处理程序

A. onClick; B. onFocus; C. onMouseOver; D. onChange

17.onMouseUp 事宜处理程序表示（ A ）

A. 鼠标被开释; B. 鼠标按下; C. 鼠标离开某个区域; D. 鼠标单击

18. 下列哪一项表示的不是按钮（ C ）

A. type=\"大众submit\"大众; B. type=\"大众reset\"大众; C. type=\公众image\公众; D. type=\"大众button\"大众

<img src=\"大众/i/eg_tulip.jpg\"大众 alt=\"大众上海鲜花港 - 郁金喷鼻香\"大众 />

19.下面哪一项是换行符标签？（ C ）

A. <body>; B. <font>; C. <br>; D. <p>

font规定文本字体、大小和颜色：

<font size=\"大众3\"大众 color=\"大众red\"大众>This is some text!</font>

<font size=\"大众2\公众 color=\公众blue\公众>This is some text!</font>

<font face=\"大众verdana\"大众 color=\"大众green\"大众>This is some text!</font>

20. 下列哪一项是在新窗口中打开网页文档。
（ B ）

A. _self; B. _blank; C. _top; D. _parent

_blank在新窗口中打开被链接文档；

_self是指在本身这个网页窗口来打开新的网页链接；

_top表示在顶层窗口打开网页链接，即在全体窗口中打开被链接文档；

_parent表示在父窗口打开网页链接；

<a href=\"大众http://www.w3school.com.cn/\"大众 target=\"大众_blank\"大众>Visit W3School!</a>onclick=\"大众javascript:window.open('Default.aspx','_blank');\公众

21. 下面说法缺点的是( D )

A. CSS样式表可以将格式和构造分离;

B. CSS样式表可以掌握页面的布局;

C. CSS样式表可以使许多网页同时更新;

D. CSS样式表不能制作体积更小下载更快的网页

CSS样式表能为我们实现些什么样的功能?

1、你可以将格式和构造分离。

2、你可以以前所未有的能力掌握页面布局。

3、你可以制作体积更小下载更快的网页。

4、你可以将许多网页同时更新，比以前更快更随意马虎。

5、浏览器将成为你更友好的界面

将格式和构造分离

HTML从来没打算掌握网页的格式或外不雅观。
这种措辞定义了网页的构造和各要素的功能，而让浏览器自己决定该当让各要素以何种样子容貌显示。
但是网页设计者哀求的更多。
以是当 Netscape推出新的可以掌握网页外不雅观的HTML标签时，网页设计者无不欢呼雀跃。
我们可以用<FONT FACE>、<I>包在<P>外边掌握文章主体的外不雅观等等。
然后我们将所有东西都放入表格，用隐式GIF空格 产生一个20象素的边距。
统统都变得乱七八糟。
编码变得越来越臃肿不堪，要想将什么内容迅速加到网页中变得越来越难。
串接样式表通过将定义构造的部分和定义格式的部分分离使我们能够对页面的布局施加更多的掌握。
HTML仍可以保持大略明了的初衷。
CSS代码独立出来从另一角度掌握页面外不雅观。

以前所未有的能力掌握页面的布局

<FONT SIZE>能使我们调度字号，表格标签帮助我们天生边距，这都没错。
但是，我们对HTML总体上的掌握却很有限。
我们不可能精确地天生80象素的高度，不可能掌握行间距或字间距，我们不能在屏幕上精确定位图象的位置。
但是现在，样式表使这统统都成为可能。

可以制作出体积更小下载更快的网页还有更好的：

样式表只是大略的文本，就象HTML那样。
它不须要图象，不须要实行程序，不须要插件，不须要流式。
它就象HTML指令那样快。
有了CSS之后，以前必须乞助于GIF的事情现在通过CSS就可以实现。
还有，正如我先条件到的，利用串接样式表可以减 少表格标签及其它加大HTML体积的代码， 减少图象用量从而减少文件尺寸。

可以更快更随意马虎地掩护及更新大量的网页

没有样式表时，如果我想更新全体站点中所有主体文本的字体，我必须一页一页地修正每张网页。
即便站点用数据库供应做事，我仍旧须要更新所有的模板， 而且更新每一模板中每一个实例实例的 <FONT FACE>。
样式表的主旨便是将格式和构造分离。
利于样式表，我可以将站点上所有的网 页都指向单一的一个CSS文件，我只要 修正CSS文件中某一行，那么全体站点 都会随之发生变动。

浏览器将成为你更友好的界面

不象其它的的网络技能，样式表的代码 有很好的兼容性，也便是说，如果用户 丢失了某个插件时不会发生中断，或者 利用老版本的浏览器时期码不会涌现杂 乱无章的情形。
只假如可以识别串接样式表的浏览器就 可以运用它。

22. 要使表格的边框不显示，应设置border的值是( B )

A. 1; B. 0; C. 2; D. 3

23. 如果要在表单里创建一个普通文本框，以下写法中精确的是( A )

A. <INPUT>; B. <INPUT type=\"大众password\公众>;

C. <INPUT type=\"大众checkbox\"大众>; D. <INPUT type=\"大众radio\公众>

24. 以下有关按钮的说法中，缺点的是( B )

A. 可以用图像作为提交按钮; B. 可以用图像作为重置按钮;

C. 可以掌握提交按钮上的显示笔墨; D. 可以掌握重置按钮上的显示笔墨。

<input type=\公众image\"大众 src=\"大众pic.jpg\公众 onclick=\"大众fangfa();\"大众/>

function fangfa(){

document.formname.submit();

document.formname.reset();

}

<input type=\"大众submit\"大众 value=\公众提交1\"大众/>

<input type=\"大众reset\"大众 value=\公众重置1\"大众/>

25. 对付代码：<input type=\"大众button\"大众 value=\"大众点一下\公众 onclick=\公众alert('你好')\"大众>剖析精确的是（ C ）

A. Onclick表示鼠标移上去的事宜; B. 这个代码运行时将报错;

C. 点击这个按扭时弹出提示框，并显示“你好”; D. 必须把alert改为window.alert才能正常运行

26. 对付代码：document.getElementById(\"大众div1\"大众).innerHTML 说法精确的是（ C）

A. 语法缺点; B. 这段代码是得到div1标签工具;

C. 这段代码是得到div1标签内的HTML文本; D. 这段代码是得到div1标签包含div1标签在内的HTML文本

27. 要实现层的隐蔽,display( D )

A. false; B. hidden; C. \"大众\"大众; D. none

CSS中可以通过哪些属性定义，使得一个DOM元素不显示在浏览器可视范围内？

display : 隐蔽对应的元素但不挤占该元素原来的空间。

visibility: 隐蔽对应的元素并且挤占该元素原来的空间。

即，利用CSS display:none属性后，HTML元素（工具）的宽度、高度等各种属性值都将“丢失”;而利用visibility:hidden属性后，HTML元素（工具）仅仅是在视觉上看不见（完备透明），而它所霸占的空间位置仍旧存在。

技巧：设置宽高为0，设置透明度为0，设置z-index位置在-1000

28. 以下JavaScript语句弹出的对话框中显示的值是（ A ）

<script language=”JavaScript”>

var a=10;var b=5;var c=10/5;

if(c==0 || a>5) alert(c+“很好”);

else if(c>0 && a<5) alert (c+“一样平常”);

else alert (c+”很差”);

</script>

A. 2很好; B. 0很差; C. 2一样平常; D. 2很差

var c=10/5;var d=1/2;var e=4/3;

alert(c); alert(d);alert(e); 2/0.5/1.3333333^

29. 在JavaScript中，可以利用Date工具的（ A ）方法返回一个月中的每一天

A. getDate(); B. getYear(); C. getMonth(); D. getTime()

30. 在进行表单验证时，当填写的文本框信息有缺点时，常日会在文本框后面用赤色的

分外字体显示缺点信息，那么这种即时缺点信息在文本框发生了什么事宜后产生的？（ B ）

A. onFocus; B. onBlur; C. onChang; D. onClick

31. 关于JavaScript说法精确的是（ C ）

A. JavaScript与Java语法完备一样; B. JavaScript要运行必须安装Java运行环境;

C. JavaScript一样平常用于在网页上实现数据验证及殊效等; D. JavaScript可用于开拓Windows运用程序(windows运用程序理论上来讲便是所有能在windows平台上运行的程序,像扩展名为exe,com等等)

32.能够返回键盘上的按键对应字符的事宜是( B )

A. onKeyDown; B. onKeyPress; C. onKeyUp; D. onMouseOver

33.制作级联菜单功能时调用的是下拉列表框的（ B ）事宜

A. onClick; B. onChange; C. onmouseout; D. onmousemove

34.Window工具的常用方法中哪一个是带有提示信息、确定和取消按钮的对话框（ B ）

A. open; B. confirm; C. alert; D. comfirm

35、Window工具的常用方法中哪一个是带有提示信息、确定和取消按钮的对话框（ B ）？

A：alert; B：prompt; C：open; D：confirm;

36、JavaScript是运行在（ B ）的脚本措辞：

A：做事器端

B：客户端

C：在做事器运行后，把结果返回到客户端

D：在客户端运行后，把结果返回到做事器

37、对代码 setTimeout(\"大众show()\"大众,100) 理解精确的是（ A ）。

A：表示100毫秒后调用一次show方法

B：表示每隔100毫秒调用一次show方法

C：有语法缺点，要去掉双引号

D：以上说法都不准确

settimeout只实行一次，setInteval没有次数限定。

由于setTimeout(表达式,延时时间)在实行时,是在载入后延迟指定时间后,去实行一次表达式,记住,次数是一次

而setInterval(表达式,交互韶光)则不一样,它从载入后,每隔指定的韶光就实行一次表达式

以是,完备是不一样的

很多人习气于将setTimeout包含于被实行函数中,然后在函数外再次利用setTimeout来达到定时实行的目的

这样,函数外的setTimeout在实行函数时再次触发setTimeout从而形成周而复始的定时效果

利用的时候各有各的上风，利用setInterval，须要手动的停滞tick触发。
而利用方法中嵌套setTimeout，可以根据方法内部本身的逻辑不再调用setTimeout就即是停滞了触发。

实在两个东西完备可以相互仿照，详细利用那个，看当时的须要而定了。
就像for可以仿照所有的循环包括分支，而还供应了do、while一样。

//每60秒实行myFunction()一次

setInterval(\公众myFunction()\"大众,60000);

funcition myFunction(){

alert(’myFunction()’);

}

//每60秒实行一次myFunction()

setTimeout(\"大众myFunction()\"大众,60000); //须要函数触发

//如 放置在 body 的 onload事宜里面

38、var a = 10; var b = 20; alert(a = b);的运行结果是：（ D ）。

A：true B：false C：10 D：20

39、html中有一文本框<input type=”text” id=”t1” value=”8”/>，

Javascript中 var a = document.getElementById(“t1”).value; alert(8+a);的结果是（ C ）

A：8 B：16 C：88 D：8+8

alert(8+parseInt(a)); //16

40、通过javascript掌握id=“d1”的div隐蔽，利用的代码是（ D ）

A：document.getElementById(“d1”).style.show = “false”;

B：document.getElementById(“d1”).style.show = “none”;

C：document.getElementById(“d1”).style.display = “false”;

D：document.getElementById(“d1”).style.display = “none”;

三、编程题（共2x15=30分）

1、（15分）在名为webapps的Web运用中某一静态页面代码如下：

<body>

<form action=\"大众/webapps/login\"大众 method=\"大众post\公众

onSubmit=\"大众return validateSub();\公众>

用户名：<input type=\公众text\"大众 id=\公众username\"大众 name=\"大众username\"大众 value=\"大众\公众/><br>

密码:<input type=\"大众password\"大众 id=\"大众password\"大众 name=\公众password\"大众 value=\公众\"大众/><br>

<input type=\"大众submit\"大众 value=\"大众登录\"大众/>

</form></body>

哀求：

（1）利用Javascript代码补全validateSub ()方法，用户密码为空时不准提交。
（4分）

（2）/webapps/login的servlet对应的Java类是com.neusoft.test.servlet.Login，写出web.xml中/webapps/login对应servlet的干系配置。
（6分）

（3）利用User.validate(username,password)可以验证用户是否在数据库中存在，返回true是存在，false是不存在，请在servlet的doPost方法中完成用户登录验证的干系代码，

用户验证成功调用response.sendRedirect(\"大众main.jsp\公众);失落败调用response.sendRedirect(\"大众login.html\"大众)。
（5分）

（1）function validateSub(){

var u = document.getElementById(\"大众username\"大众).value;

var p = document.getElementById(\公众password\公众).value;

if(u.length == 0 || p.length == 0){ ------------4分

alert(\"大众请输入用户名或密码\"大众);

return false;

}

return true;

}

没写return -1分或-2分

（2）

<servlet>

<servlet-name>login</servlet-name>

<servlet-class>

com.neusoft.test.servlet.Login

</servlet-class>

</servlet>------------3分

<servlet-mapping>

<servlet-name>login</servlet-name>

<url-pattern>/servlet/login</url-pattern>

</servlet-mapping>------------3分

servlet-name任意，只要保持同等即可

（3）

String user = request.getParameter(\公众username\公众);------------1分

String pass = request.getParameter(\"大众password \"大众); ;------------1分

if(User.validate(user, pass)){ ------------1分

response.sendRedirect(\"大众main.jsp\"大众);------------1分

}else{

response.sendRedirect(\"大众login.html\"大众);------------1分

}

2、（15分）静态页面代码如下：

<body>

<input type=\"大众text\公众 id=\"大众input\"大众>

<input type=\"大众button\"大众 value=\"大众输入\公众 onClick=\"大众doSomething();\公众>

<div id=\公众output\"大众>welcome</div>

</body>

请利用Javascript代码补全doSomething ()方法，实现文本框输入内容，div根据输入内容调度的功能。

哀求：

（1）当输入的内容是red，blue或black时，对应变动div中的字体颜色。
（5分）

（2）当输入的内容是算数表达式时(如：2+35)，在div中显示打算结果。
（5分）

（3）当输入的内容是笔墨时，在div中显示这些笔墨。
（5分）

function doSomething(){

var input = document.getElementById(\公众input\"大众).value;

if(input == \"大众red\公众 || input == \公众blue\公众 || input == \"大众black\"大众){

document.getElementById(\公众output\公众).style.color=input;

} ------------5分

else{

try{

var s = eval(input);

document.getElementById(\"大众output\"大众).innerText = s;

------------5分

}catch(e){

document.getElementById(\"大众output\"大众).innerText = input;

------------5分

}

}

}