《最新版精编WEB前端JS高级完整复习题库（含答案）》由会员分享，可在线阅读，更多相关《最新版精编WEB前端JS高级完整复习题库（含答案）（19页珍藏版）》请在金锄头文库上搜索。
1、2021年WEB前端JS高级考试题库含答案一、填空题1在一个表单中，用600毫秒缓慢的将段落滑上，用_$(“p”).slideUp(600)_来实现。2在jquery中，如果想要自定义一个动画，用_ animate(params, options)_函数来实现。二、单选题3获取页面中所有jpg格式的图片，以下写法正确的是（ ）。：正确答案：AA $(imgsrc$=jpg)B $(imgsrc=jpg)C $(imgsrc=jpg)D $(imgsrc*=jpg)4制作移动端页面哪个布局方式不适合？：正确答案：CA 响应式 Responsive（使用 media 媒体查询 给不同尺寸和介质的设
2、备切换不同的样式）B 伸缩 Flexbox（使用 CSS3 Flex 系列属性进行相对布局）C 固定 Fixed （使用 px 和 pt 这样的绝对单位进行固定布局）D 流动 Fluid（使用 % 百分比进行相对布局）5var defaults=size:10,name:"img",count:8var opt=$.extend(,defaults,name:"pic",count:10,state:1),console.log(defaults.state);的打印结果是（ ）：正确答案：BA picB undefinedC imgD 程序报错6想要获
3、取到select元素内被选中的option元素，以下书写正确的是？：正确答案：BA $(select).filter(option:selected)B $(select).find(option:selected)C $(select).is(option:selected)D $(select).has(option:selected)7#boxwidth:10px;padding:5px;border:1px solid #ccc;margin:5px,$("#box").outerWidth()的返回结果是（ ）：正确答案：DA 32B 27C 10D 228在鼠标
4、事件中，获取鼠标相对于当前窗口可视区域的纵坐标位置，以下代码正确的是。：正确答案：BA event.offset().topB event.clientYC event.offsetTopD event.pageY9已知代码var $a=$("#a1"),$b=$("#b1"),$c=$("#c1");如果想将$c插入到$a的前面，以下代码正确的是。：正确答案：AA $a.before($c);B $c.appendTo($a);C $c.before($a);D $a.prependTo($c);10查找p元素下的span子元素，以
5、下写法正确的是？：正确答案：BA $(span p)B $(p).find(span)C $(span).find(p)D $(p).has(span)11当单击段落元素时显示它的文本内容，以下哪句可以实现该功能？：正确答案：AA $(p).on(click,function()alert($(this).text()B $(p).on(onclick,function()alert($(this).text()C $(p).on(click,function()alert(this.text()D 以上都不正确12哪个标签适合定义文章：正确答案：CA divB asideC articleD
6、 section13ready(fn)方法描述错误的是？：正确答案：AA 在同一个页面中只允许使用一次$(document).ready()事件B 是页面加载方法C 在DOM载入就绪时立即调用fn函数D 这个方法是window.load事件的替代方法14创建XMLHttpRequest对象的语法正确的是：正确答案：DA var xmlHttp = test XMLHttpRequest();B var xmlHttp =XMLHttpRequest();C 以上都不正确D var xmlHttp = new XMLHttpRequest();15创建一个p元素，以下书写错误的是：正确答案：BA
7、 $()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当readyState值为2时，说明：正确答案：AA 请求已发送（这里通常可以从响应得到内容头部）B 请求已提出（调用 send() 之前）C 请求未初始化D 服务器连接已建立18readyState属性值说法正确的有：正确答案：CA 以上都不正确B 1: 请求未初始化C
8、 2: 请求已接收D 3: 服务器连接已建立19CSSStyleSheet对象的href属性说法正确的是（）：正确答案：AA 返回样式表的位置（URL），如果是内联样式表，则为 null。B 以上都不对C 返回样式表的位置（URL），如果是内联样式表，则为 false。D 返回样式表的位置（URL），如果是内联样式表，则为 true。20当元素有class样式时取消，没有时添加class样式可以通过（）方法实现？：正确答案：DA removeClass()B addClass()C triggerClass()D toggleClass()21contains()方法表示：正确答案：AA 检测
9、class属性中是否包含一个指定的类名。B 如果不存在类名就添加一个；否则，删除它C 从元素的class属性中添加和清除一个类名D 以上都不正确22通过（）方法获得集合中每个匹配元素的祖先元素：正确答案：DA closest()B parent()C parentAll()D parents()23火狐浏览器获取非style中的元素样式可以用( )属性：正确答案：BA getsomputedstyle()B getComputedStyle()C currentstyleD currentStyle24哪个单位是相对于根元素html来计算的？：正确答案：CA emB ptC remD px25
10、使用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.26下面哪一个是用来追加到指定元素的末尾的？：正确答案：DA insertAfter()B after()C append()D app
11、endTo()27如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？：正确答案：DA insertAfter(content)B appendTo(content)C append(content)D after(content)28如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？：正确答案：DA contents（）B text()C get()D eq()29给页面中第一个span添加一个class,"testSpan",以下代码正确的是：正确答案：AA $(span).first().addClass(testSpan)B $(spa
12、n).eq(1).addClass(testSpan)C $(span).first().css(testSpan)D $(span).last().hasClass(testSpan)30如果在做动画时，要同时改变多个属性，比如位置，透明度，宽高等，使用哪个方法最佳：正确答案：AA animate()B slideDown()C fadeToggle()D slideToggle()31（）方法可以阻止事件冒泡？：正确答案：BA preventDefault()B stopPropagation()C return trueD stop()32nextAll()这个方法，也可以使用（ ）选择
13、器来实现（ ）：正确答案：AA B C 空格D *33var defaults=size:10,name:"img",count:8var opt=$.extend(,defaults,name:"pic",count:10,state:1),console.log(defaults.name);的打印结果是（ ）：正确答案：BA picB imgC undefinedD 程序报错34给页面中ID为“div1”的元素的所有后代元素添加“click”事件，以下正确的是：正确答案：DA $(#div1).on(click)B $(#div1).next().on(click)C $(#div1).siblings().on(click)D $(#div1).find(*).on(click)35已知页面中有一个元素id为“xxx”，通过jquery将其删除，书写正确的是：正确答案：CA $(#xxx).clone()B delete().$(#xxx)C $(#xxx).remove()D $(#xxx).empty(
