Web开发技术试题参考答案(A)_评分标准(计算机及软件12级)

吉林建筑大学

2015/2016学年一学期期末考试参考答案(A卷)

科目：Web开发技术 考试班级:计算机12、软件12 考试方式：半开卷 命题人签字： 教研室主任签字： 教学院长签字：

一、 简答 (每题4分，计24分) 1. 客户端技术主要包括哪几方面？ 【答】【HTML、CSS、脚本语言(如Javascript)、XML】 2. 解读如下URL：http://www.jliae.edu.cn/newjliae/stylenew111.htm 【答】【其中http是超文本传输协议；www.jliae.edu.cn是服务器名；newjliae/是文件夹；stylenew111.htm是文件名。】 3. 万维网Web架构的三处技术精华是什么？ 【答】【用超文本技术（HTML）实现信息与信息的连接；用统一资源定位技术（URI）实现全球信息的精确定位；用新的应用层协议（HTTP）实现分布式的信息共享。】 4. 这是XML文档的序言部分，请解释其中各部分含义？ （1）第一个按钮方法点击后，执行完的结果是？【获取上面表格第一格（id=\）内容并通过Alert显示】 （2）第二个按钮方法执行完的结果是？【获取上面表格第一格（id=\）的内容赋值给“str1”，并将内容写入第二个表格第一格（id=\），内覆盖原内容】 （3）超链接的作用是？【执行一段JavaScript代码，相当于按钮；弹出警示框，其内容是第二个表格第一行的所有文本内容，即Firstname Lastname或第一格内容Lastname】 4. (每空3分，计9分) （1） 本段代码实现效果如图，请解释一下，代码中哪部分？如何实现了“内容A”和“内容B”的这种并排显示的效果？【#a{ float:left;}和#b{ float:right;}；浮动属性消除了div的块状属性，可以并排了；在\中，分别向左向右浮动；或，也可答前一个向左浮动，下一个流到其并排】 （2） 这种方法实现排版的好处是什么？【div布局，float属性可以实现并排等；div并排对称均匀平行布局；或，若上问答第二种，则答，DIV并排的布局效果，而且这样做可以保证没有缝隙！】 （3） 这句“#left{ border:1px solid #999; }”代码如何解释？【3属性，线宽、线型、颜色】 三、 读程序回答问题之二(计21分) 1. （每空3分 计9分）解读下面xsl文档代码，在【】里对对应的代码行加注释 2. （每空4分，计8分）代码如下，运行，显示左图；当鼠标移到“贡献度”标签上时，显示右图，， - 3 -

， 请详细解读代码，回答 （1）找出哪些代码实现了这种“显示——隐藏”效果？【第一个(//显示tbody上面)循环遍历表格“id=\”中所有单元，即表格中各个单元格“td”；将其类名“.className”即“td”属性“class”的值都重新赋值为\，也就是都统一了样式类为正常那个；循环后面的“labeltable.cells[n].className=\”将实参传递过来的那个“n”对应的“td”的属性“class”的值赋值为\，即鼠标悬停的对象的样式类被改变】 （2）如何实现的？【在“id=\”表格中，鼠标悬停在各个单元格文字上时，驱动不同参数的\函数，结合前一个空的问题，先通过for循环将所有单元格“td”样式类都设为\，再将鼠标悬停对应的那个“n”所对应的单元格“td”样式类设为\。当然，这都是通过“id=\”表格对象下的cells集合中的对象的“.className”属性的属性值的改变实现的 】 交互式标签式表格