盐工web前端技术复习材料.docx

《盐工web前端技术复习材料.docx》由会员分享，可在线阅读，更多相关《盐工web前端技术复习材料.docx（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、提供24分,选择题18分HTML是一种（）语言。超文本标记以下标记用于设置页面标题的标记是（）。以下选项中表示段落标记的是（）。以下HTML标记中，属于非成对标记的是（）。在网页中，能够定义超链接的标记是（. 标记中规定图像URL的属性是（ href能够播放Flash和视频文件的HTML标记是v/embed)o)o)o对location对象的href属性，表达错误的选项是 是只读属性引用外部computers脚本正确的语法是（script src= computers” JavaScript中的Load事件的作用是（)o浏览器窗口加载页面时，执行的JavaScript事件。Javascript

2、进行表单验证的目的是（）。检查提交的数据必须符合实际设置表格行垂直居中的标记是（ ）o分析下面的HTML代码段，下面描述正确的选项是( )o)tr. onmouseout = function () this, style. backgroundColor = this. defaultColor;)/*trs2i. onclick = function() console. log(this. getElementsByTagName(，ztd，z) 0. innerllTML);)*/)工资表 姓名 性别 工资 张三 l女3000/td张三 2女td张三 3女3000张三 4女300(K/

3、td张三 5女300(K/td页面中创立了三个框架，左边一列包含两个框架（各占50%）,右边一列占窗口的 70%以下能够实现层DIV隐藏的语句时（）。document.getElementById（ “div” style.display- falsev超链接的target属性值为（）时，可以在父窗口中翻开目标网页。_parent以下可以去掉文本超链接的下划线的是（）0a text-decoration:none;在JavaScript中，以下满足变量x大于等于20且小于100条件的正确表达式是（）o（x = 20 & x -1 ）&（null=undefined）在CSS文字、排版、边界等的

4、设置上，经常用到长度单位，以下是相对单位的是（）。px图像名为myhome.jpg,要访问目标为 :/ ,以下创立一个图像链接 正确的选项是（ ）o )o)o在HTML中，标记vpre的作用是（ 预排版标记提供24分填空题18分HTML文档通常以.htm或者.html作为后缀名，网站的首页文件通常命名为 index, html 。引用外部CSS文件有两种方式：一种通过 Gink标记的href属性;二是 通过 style标记内 import url ( 夕卜部样式表名 ”) 来引用。在实际开发中，使用window对象的 confirm 方法可以产生确认框，使用window对象的 alert 方法

5、可以产生告警框，使用window对象的 prompt 方法可 以产生提示框。使用document对象 innerText和innerHTML属性可以获取节点的内容。font标记常用的属性有三个，分别是face 、size color o鼠标单击时会触发click事件,浏览器窗口在加载页面时，会触发oad_ 事件。通过 checked属性可以将某一复选框、单项选择按钮设置为默认预选状态；通 过 selected属性将下拉列表框中的某一选项设置为默认预选状态。字符串 str二 JavaScript 易学！”,那么 str. indexOf ()结果是 4。位表达式5 & 7, 5 | 7和5-7的

6、结果分别是、7 、N0表单form标记中，method属性的取值可以为 post 和 get。提供15分判断9分HTML文件中，可使用 对 使用background属性，可设置body显示信息颜色为红色 错 在HTML中， 表示版权符号错JavaScript是一种基于对象的语言,而不是面向对象的语言。对 表达式10/0的值为Infinity。对标记中使用src属性引用目标连接的URL。错段落缩进属性是text-indent;文本居中对齐是text-align。对/span为行内标记。对onBlur事件是在元素或窗口失去焦点时触发。对表单数据填写完成后，单击提交按钮，会触发click事

7、件。错单元格跨行应使用colspan属性，跨列使用rowspan属性。错CSS中，通过设置z-index属性实现设置图层层叠关系 对 无序列表的type属性默认值是circle 错 a标记中使用src属性引用目标连接的URL错HTML中使用embedX/embed标签插入多媒体文件对提供36分简答30分使用vimg标记可以在页面中插入图像，如何设置图像的高度和宽度？如何设置 替换文本（6）img src=cup. gif width=64 height=128 alt=替换文本Width设置宽度（2分） height设置高度（2分）alt替换文本（2分）写出HTML、CSS、JavaScrip

8、t三大局部程序注释的方法（1） HTML中注释方法有两种:comment）程序注释2；（2） CSS中注释可以用/*这是样式表注释*/”；（3） JavaScript中可以用三种：单行注解；多行注释/*这是多行注释 */简述有序列表的定义语法，并说明有序列表的编号有几种，分别是什么?Java 程序设计v/li Web 程序设计 Java程序设计指导书v/Ii编号有5种，分别为：1、a、A、i、I用JavaScript程序实现九九乘法表并如图输出到HTML页面九九乘法表1*1=11*2=2 2*2=41*3=3 2*3=6 3*3=91*4=4 2*4=8 3*4=12 4*4=161*5=5

9、2*5=10 3*5=15 4*5=20 5*5=251*6=6 2*6=12 3*6=18 4*6=24 5*6=30 6*6=361*7=7 2*7=14 3*7=21 4*7=28 5*7=35 6*7=42 7*7=491*8=8 2*8=16 3*8=24 4*8=32 5*8=40 6*8=48 7*8=56 8*8=641*9=9 2*9=18 3*9=27 4*9=36 5*9=45 6*9=54 7*9=63 8*9=72 9*9=81九九乘法表/h4var i,j;for(i=l;i10;i+) for(j=l；j=i；j+) document.write(j);docum

10、ent.write(*);document.write(i);document.write(=,);document.write(i*j);document.write(, *);)document. write();)利用表单和表单元素设计简单的应聘页面，如以下图希望工作地点:I逅讶月薪要求:I希望工作地点:I逅讶月薪要求:I口要求提供过渡住房请选择应聘行业： 讦算机软件 计算机硬件 计算机服务 通信/电信/网洛设备 互联网/电子商务 网络游戏提交重邕电子技术/半导体/集成电路 仪翳仪表/工业自动化vtitle 应聘页面/title希望工作地点:option value二匕京“ s

11、elected匕京/optionoption value二上海,上海/optionoption value=n广州,广州/optionoption value二“西安”西安/optionoption value二“杭州“,杭州/optionoption value二“南京“,南京/optionoption value二“重庆重庆/optionoption value二“天津”,天津/optionstrong月薪要求:/strong要求提供过渡住房strong请选择应聘行业:v/strongoption value:Cl selected,计算机软件/option,计算机硬件/option)计算

12、机服务(/option,通信/电信/网络设备互联网/电子商务/option)网络游戏/option)电子技术/半导体/集成电路V/option,仪器仪表/工业自动化/optioninput type=submit” value二“提交“input type=nresetH value二“重置编程题20分1.编程实现表格，如图教材表序号教材名称数量体）1软件工程642数据结构54合计118a.表格标题为“教材表”。b.表格边框宽度为1.居中对齐、宽度400px、边框颜色为黑色；c.单元格样式为内容水平居中、字体样式为“粗体”，采用内部样式表定义;d.表格第四行需要进行单元格合并操作 教材表 td

13、text-align:center;font-weight:bold;| 教材表 v/captionvtd 序号 v/td教材名称v/tdvtd数量（本）l软件工程v/td642数据结构54合计v/td118实现如下效果：鼠标悬浮到哪个菜单，背景颜色高亮(12分)标题内容作者发布时间端午了放假，学习臬老师2017-05-27NBA决赛骑士对勇士秦始皇2017-05-26程序猿人傻钱多死的早阿宝2017-05-26LOL游戏有益健康孟非2017-05-25window, onload二function () 1 分var tbl = document. getElementByld (z，tbr

14、z) ;2 分rows = tbl.getElementsByTagName(tr);2 分for(i=0;irows. length;i+)1 分var j = parselnt(i/3);1 分if(j%2=0)1 分rowsi. style. backgroundColor=，#fOO，z;1 分cl scrowsi. style. backgroundColor=，/#OfO，z;)1 分l 1 分21 分345678910js-dom3thead tr( background:WOOFFFF;) 数据行隔行变色window, onload = function()vartrs=doc

15、ument. getElementsByTagName(table) 0. tBodies0. getElementsByTagName;var trs2 = document. getElementByTd(z，mytbody，z). getEl ementsByTagName (tr); console. log(trs length=+trs length+ trs2. length=/，+trs2. length);for(var i=0;itrs.length;i+) var tr = trsi;var color =”#F5F5DC；if(i%2=0)color = #5F9EA0； tr.style.backgroundColor = color; tr. defaultColor = color;自定义属性，为了后面鼠标移出的时候还原成原 来的颜色。)为数据行注册事件(这个循环可以与上面循环共用)，为了可读性再跑一次 for(var i=0;itrs2.length;i+) var tr = trs2i;tr. onmouseover = function() this.style.backgroundColor = #9932CC；