《最新WEB前端JS高级考核复习题库（含答案）》由会员分享，可在线阅读，更多相关《最新WEB前端JS高级考核复习题库（含答案）（19页珍藏版）》请在金锄头文库上搜索。
1、2021年WEB前端JS高级考试题库含答案一、单选题1ready(fn)方法描述错误的是？：正确答案：AA 在同一个页面中只允许使用一次$(document).ready()事件B 是页面加载方法C 在DOM载入就绪时立即调用fn函数D 这个方法是window.load事件的替代方法2制作移动端页面哪个布局方式不适合？：正确答案：CA 响应式 Responsive（使用 media 媒体查询 给不同尺寸和介质的设备切换不同的样式）B 伸缩 Flexbox（使用 CSS3 Flex 系列属性进行相对布局）C 固定 Fixed （使用 px 和 pt 这样的绝对单位进行固定布局）D 流动 Flui
2、d（使用 % 百分比进行相对布局）3定义一个jQuery插件函数正确的写法是？：正确答案：AA $.fn.demo=function()B $.exent(demo)C $.event=demoD $.demo4var defaults=size:10,name:"img",count:8var opt=$.extend(,defaults,name:"pic",count:10,state:1),console.log(defaults.state);的打印结果是（ ）：正确答案：BA picB undefinedC imgD 程序报错5#boxwid
3、th:10px;padding:5px;border:1px solid #ccc;margin:5px,$("#box").outerWidth()的返回结果是（true）：正确答案：CA 10B 22C 32D 276想要获取到select元素内被选中的option元素，以下书写正确的是？：正确答案：BA $(select).filter(option:selected)B $(select).find(option:selected)C $(select).is(option:selected)D $(select).has(option:selected)7#box
4、width:10px;padding:5px;border:1px solid #ccc;margin:5px,$("#box").outerWidth()的返回结果是（ ）：正确答案：DA 32B 27C 10D 228在鼠标事件中，获取鼠标相对于当前窗口可视区域的纵坐标位置，以下代码正确的是。：正确答案：BA event.offset().topB event.clientYC event.offsetTopD event.pageY9已知代码var $a=$("#a1"),$b=$("#b1"),$c=$("#c1&q
5、uot;);如果想将$c插入到$a的前面，以下代码正确的是。：正确答案：AA $a.before($c);B $c.appendTo($a);C $c.before($a);D $a.prependTo($c);10下面（）选择器可以获取到下拉列表的选中项？：正确答案：BA $(select:selected)B $(select option:selected)C $(select option:select)D $(select option:checked)11当单击段落元素时显示它的文本内容，以下哪句可以实现该功能？：正确答案：AA $(p).on(click,function()al
6、ert($(this).text()B $(p).on(onclick,function()alert($(this).text()C $(p).on(click,function()alert(this.text()D 以上都不正确12让当前页面的背景色为蓝色，应该使用哪一句代码来描述此种设置：正确答案：DA bgcolor=blueB backcolor=blueC bgground=blueD background=blue13（）方法可以触发匹配元素的特定事件，同时取消浏览器对此事件的默认操作。：正确答案：BA trigger()B triggerHandler（）C one()D b
7、ind()14获取页面中所有jpg格式的图片，以下写法正确的是（ ）。：正确答案：AA $(imgsrc$=jpg)B $(imgsrc=jpg)C $(imgsrc=jpg)D $(imgsrc*=jpg)15创建一个p元素，以下书写错误的是：正确答案：BA $()B $(p)C document.createElement(p)D $()16想要获取到img元素的src属性值，以下写法正确的是？：正确答案：BA $(img).getAttribute(src)B $(img).attr(src)C $(img).attr(src,)D $(img).getAttr(src)17创建XMLH
8、ttpRequest对象的语法正确的是：正确答案：DA var xmlHttp = test XMLHttpRequest();B var xmlHttp =XMLHttpRequest();C 以上都不正确D var xmlHttp = new XMLHttpRequest();18readyState属性值说法正确的有：正确答案：CA 以上都不正确B 1: 请求未初始化C 2: 请求已接收D 3: 服务器连接已建立19计算样式的时候，如果元素不是绝对定位，查询top值时,返回：正确答案：AA autoB nullC 数值D undefined20CSSStyleSheet对象的disabl
9、ed属性表示：正确答案：BA 以上都不正确B 样式表是否被禁用C title属性值D 样式表类型的字符串21以下对attr()的使用方法书写正确的是。：正确答案：DA $(div):attr(name)B $(div).attr(name=va)C $(div).attr(name:va)D $(div).attr(name)22以下给div添加class的方法正确的是：正确答案：BA $(div).hasClass(cl)B $(div).addClass(cl)C $(div).css(cl)D $(div).removeClass(cl)23哪个单位是相对于根元素html来计算的？：正确
10、答案：CA emB ptC remD px24使用jquery检查<input type="hidden" id="id" name="id"/>元素在网页上是否存在。：正确答案：BA if($(#id) /do someing. B if($(#id).length 0) /do someing.C if($(#id).size 0) /do someing. D if($(#id).length() 0) /do someing.25在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的？：正确答案：
11、CA empty()B removeAll()C remove()D delete()26在jquery中，想要给第一个指定的元素添加样式，下面哪一个是正确的？：正确答案：BA css(name,value)B css(name)C firstD eq(1)27如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？：正确答案：DA contents（）B text()C get()D eq()28以下对one()函数描述正确的是：正确答案：CA 和on()没什么区别B 可以删除已绑定的事件C 给元素绑定一次性事件D 可以代替live()使用29如果在做动画时，要同时改变多个
12、属性，比如位置，透明度，宽高等，使用哪个方法最佳：正确答案：AA animate()B slideDown()C fadeToggle()D slideToggle()30如何阻止动画继续执行。：正确答案：BA remove()B stop()C toggle()D delete()31var defaults=size:10,name:"img",count:8var opt=$.extend(,defaults,name:"pic",count:10,state:1),console.log(defaults.name);的打印结果是（ ）：正确答案
13、：BA picB imgC undefinedD 程序报错32给页面中ID为“div1”的元素的所有后代元素添加“click”事件，以下正确的是：正确答案：DA $(#div1).on(click)B $(#div1).next().on(click)C $(#div1).siblings().on(click)D $(#div1).find(*).on(click)33AJAX中 XMLHttpRequest对象有（ ）个状态值 ：正确答案：BA 6B 5C 4D 334document.styleSheets0.cssRule0，IE 中这个属性用：正确答案：CA 以上都不正确B deleteRuleC rulesD insertRule35JavaScript中用来获取滚动条在垂直方向上距离的是（）：正确答案：BA offsetTopB scrollTopC offsetLeftD scrollLeft36通过style方式设置样式，样式的属性格式是：正确答案：BA 大写B 驼
