《WEB前端JS高级》题库20170928.doc

试题库单位：北网二分院 专业方向：H5科目：Web前端HTML5课程命题老师：曾妮 教研室负责人：王云题型：一填空题、二单选题、三多选题、四判断题、五名词解释题、六辨题、七简单题、八论述题、九材料分析题 （九类题型在本课程题库中都要涉及到）单选80题1、让当前页面的背景色为蓝色，应该使用哪一句代码来描述此种设置： 正确答案：DA bgcolor=blueB backcolor=blueC bgground=blueD background=blue2、创建XMLHttpRequest对象的语法正确的是： 正确答案：DA var xmlHttp = test XMLHttpRequest();B var xmlHttp =XMLHttpRequest();C 以上都不正确D var xmlHttp = new XMLHttpRequest();3、xmlhttp.open("GET","test1.txt",true)以上代码中true表示： 正确答案：BA 同步B 异步C 以上都不正确D 不确定4、AJAX中 XMLHttpRequest对象有（ ）个状态值 ： 正确答案：BA 6B 5C 4D 35、xmlhttp.open("GET","test1.json",false)以上代码中false表示： 正确答案：DA 异步B 不确定C 以上都不正确D 同步6、当readyState值为2时，说明： 正确答案：AA 请求已发送（这里通常可以从响应得到内容头部）B 请求已提出（调用 send() 之前）C 请求未初始化D 服务器连接已建立7、如果需要像 HTML 表单那样 POST 数据，请使用 setRequestHeader() 来添加 HTTP 头： 正确答案：BA setRequestHeader(Connection, close);B xmlhttp.setRequestHeader(Content-type,application/x-www-form-urlencoded);C setRequestHeader(Content-length, paramsSend.length);D 以上都不正确8、以下获取服务器响应中，获得 XML 文档对象形式的响应数据的属性是 ： 正确答案：CA responseTextB responsetextC responseXMLD responsexml9、readyState为3表示： 正确答案：DA 请求处理前B 请求处理后C 请求完成D 请求处理中（响应中通常有部分数据可用，但是服务器还没有完成响应）10、readyState属性值说法正确的有： 正确答案：CA 以上都不正确B 1: 请求未初始化C 2: 请求已接收D 3: 服务器连接已建立11、CSSStyleSheet对象的href属性说法正确的是（）： 正确答案：AA 返回样式表的位置（URL），如果是内联样式表，则为 null。B 以上都不对C 返回样式表的位置（URL），如果是内联样式表，则为 false。D 返回样式表的位置（URL），如果是内联样式表，则为 true。12、JavaScript中用来获取元素在垂直方向上占用的空间大小的方法是（）： 正确答案：CA offsetLeftB scrollTopC offsetTopD scrollLeft13、toggle()表示:： 正确答案：AA 如果不存在类名就添加一个；否则，删除它B 从元素的class属性中添加和清除一个类名C 检测class属性中是否包含一个指定的类名。D 以上都不正确14、document.styleSheets0.cssRule0，IE 中这个属性用： 正确答案：CA 以上都不正确B deleteRuleC rulesD insertRule15、计算样式的时候，如果元素不是绝对定位，查询top值时,返回： 正确答案：AA autoB nullC 数值D undefined16、JavaScript中用来获取滚动条在垂直方向上距离的是（）： 正确答案：BA offsetTopB scrollTopC offsetLeftD scrollLeft17、contains()方法表示： 正确答案：AA 检测class属性中是否包含一个指定的类名。B 如果不存在类名就添加一个；否则，删除它C 从元素的class属性中添加和清除一个类名D 以上都不正确18、CSSStyleSheet对象的disabled属性表示： 正确答案：BA 以上都不正确B 样式表是否被禁用C title属性值D 样式表类型的字符串19、通过style方式设置样式，样式的属性格式是： 正确答案：BA 大写B 驼峰写法C 小写D 横杠相连20、火狐浏览器获取非style中的元素样式可以用( )属性： 正确答案：BA getsomputedstyle()B getComputedStyle()C currentstyleD currentStyle21、通过（）方法获得集合中每个匹配元素的祖先元素： 正确答案：DA closest()B parent()C parentAll()D parents()22、查找段落的父元素中每个类名为selected的父元素,写法正确的是？： 正确答案：BA $(p).parent()B $(p).parent(.selected)C $(p).parent(selected)D $(p).parentAll(.selected)23、prev()方法的作用是： 正确答案：AA 获取当前元素的前一个兄弟元素B 关闭当前元素C 跳出当前元素D 获取当前元素的下一个兄弟元素24、当元素有class样式时取消，没有时添加class样式可以通过（）方法实现？： 正确答案：DA removeClass()B addClass()C triggerClass()D toggleClass()25、在匹配的em元素中筛选出第二个em？： 正确答案：DA $(em).eq(-2)B $(em).eq(2)C $(em).eq(0)D $(em).eq(1)26、关于find（）与filter（）的区别以下描述正确的是： 正确答案：BA find() 是在内存中筛选，filter（）是在所有页面元素中筛选B find()在元素内查找后代元素，filter（）是在当前已获得结果中进行筛选C find()是在当前结果集中筛选，filter（）是在父级中筛选D find() 是在父级中筛选，filter（）是在当前已获得结果集中筛选27、$(“div”).find(“em”;)与下面哪句功能一至？： 正确答案：BA $(divem)B $(div em)C $(div).has(em)D $(div).children().is(em)28、从页面的所有div元素中筛选出id名为demo的div元素，写法正确的是？： 正确答案：BA $(div).has(#demo)B $(div).filter(#demo)C $(div).eq(#demo)D $(div).find(#demo)29、将a标签用div标签包裹起来的方法是？： 正确答案：AA $(a).wrap()B $(a).wrap(div)C $(div).wrap(a)D $(a).wrap()30、在父元素末端添加一个子元素用（）方法： 正确答案：CA html()B after（）C append()D insertBefore（）31、想要获取到img元素的src属性值，以下写法正确的是？： 正确答案：BA $(img).getAttribute(src)B $(img).attr(src)C $(img).attr(src,)D $(img).getAttr(src)32、以下对attr()的使用方法书写正确的是。： 正确答案：DA $(div):attr(name)B $(div).attr(name=va)C $(div).attr(name:va)D $(div).attr(name)33、以下将#box的背景色设为灰色，且加5px的顶填充的写法，错误的是（ ）： 正确答案：CA $(#box).css(background:#ccc,padding-top:5px)B $(#box).css(background,#ccc).css(paddingTop,5px)C $(#box).css(background:#ccc,padding-top:5px)D $(#box).css(background:#ccc,paddingTop:5px)34、创建一个p元素，以下书写错误的是： 正确答案：BA $()B $(p)C document.createElement(p)D $()35、获取所有被选中的复选框，以下写法正确的是（ ）： 正确答案：DA $(inputtype=radio:checked)B $(input:checkbox)C $(inputcheckbox:disabled)D $(inputtype=checkbox:checked)36、获取页面中所有jpg格式的图片，以下写法正确的是（ ）。： 正确答案：AA $(imgsrc$=jpg)B $(imgsrc=jpg)C $(imgsrc=jpg)D $(imgsrc*=jpg)37、选择器相当于jQuery中的哪个方法（ ）： 正确答案：CA next()B prevAll()C nextAll()D prev()38、（）方法可以触发匹配元素的特定事件，同时取消浏览器对此事件的默认操作。： 正确答案：BA trigger()B triggerHandler（）C one()D bind()39、one()功能描述正确的是？： 正确答案：BA 为元素绑定click事件B 为元素绑定一次性的事件，即当事件触发一次后，立即被删除。C 以上说法都不正确D 为元素绑定特定事件40、ready(fn)方法描述错误的是？： 正确答案：AA 在同一个页面中只允许使用一次$(document).ready()事件B 是页面加载方法C 在DOM载入就绪时立即调用fn函数D 这个方法是window.load事件的替代方法41、关于mouseenter的说法，正确的是： 正确答案：BA 与mouseenter效果相同B 当鼠标指针进入元素时，会发生 mouseenter 事件。C 和mouseover完全没有区别D 与mousemove效果相同42、以下哪句可以获取到class为“child"的元素的父级元素： 正确答案：DA $(.child:parent)B $(.child).parentNode()C $(.child):parentD $(.child).parent()43、以下not()方法使用正确的是： 正确答案：AA $(div).not(.div01)B not(.div01).$(div)C not(div:div01)D $(div).not()=div0144、当单击段落元素时显示它的文本内容，以下哪句可以实现该功能？： 正确答案：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 以上都不正确45、以下对one()函数描述正确的是： 正确答案：CA 和on()没什么区别B 可以删除已绑定的事件C 给元素绑定一次性事件D 可以代替live()使用46、查找p元素下的span子元素，以下写法正确的是？： 正确答案：BA $(span p)B $(p).find(span)C $(span).find(p)D $(p).has(span)47、筛选出已知$("#span01")的祖先元素中，class为“mainbox”的所有元素： 正确答案：BA $(#span01).closest(.mainbox)B $(#span01).parents(.mainbox)C $(#span01).parent(.mainbox)D $(#span01).find(.mainbox)48、使用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.49、下面哪一个是用来追加到指定元素的末尾的？： 正确答案：DA insertAfter()B after()C append()D appendTo()50、在jquey中，如果想要从DOM中删除所有匹配的元素，下面哪一个是正确的？： 正确答案：CA empty()B removeAll()C remove()D delete()51、如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？： 正确答案：DA insertAfter(content)B appendTo(content)C append(content)D after(content)52、下面哪种不属于jquery的筛选？： 正确答案：BA 过滤B 自动C 串联D 查找53、在jquery中，想要给第一个指定的元素添加样式，下面哪一个是正确的？： 正确答案：BA css(name,value)B css(name)C firstD eq(1)54、如果想要找到一个表格的指定行数的元素，用下面哪个方法可以快速找到指定元素？： 正确答案：DA contents（）B text()C get()D eq()55、以下哪句代码可以实现在id为"next"元素前插入一个div元素？： 正确答案：BA $(#next).append();B $(#next).before();C $(#next).insert();D $(#next).prependTo();56、已知页面中有一个元素id为“xxx”，通过jquery将其删除，书写正确的是： 正确答案：CA $(#xxx).clone()B delete().$(#xxx)C $(#xxx).remove()D $(#xxx).empty()57、给页面中第一个span添加一个class,"testSpan",以下代码正确的是： 正确答案：AA $(span).first().addClass(testSpan)B $(span).eq(1).addClass(testSpan)C $(span).first().css(testSpan)D $(span).last().hasClass(testSpan)58、下面（）选择器可以获取到下拉列表的选中项？： 正确答案：BA $(select:selected)B $(select option:selected)C $(select option:select)D $(select option:checked)59、以下给div添加class的方法正确的是： 正确答案：BA $(div).hasClass(cl)B $(div).addClass(cl)C $(div).css(cl)D $(div).removeClass(cl)60、如果在做动画时，要同时改变多个属性，比如位置，透明度，宽高等，使用哪个方法最佳： 正确答案：AA animate()B slideDown()C fadeToggle()D slideToggle()61、如何阻止动画继续执行。： 正确答案：BA remove()B stop()C toggle()D delete()62、（）方法可以阻止事件冒泡？： 正确答案：BA preventDefault()B stopPropagation()C return trueD stop()63、已知代码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);64、（）方法可以使元素重复切换样式？： 正确答案：CA className()B addClass()C toggleClass()D removeClass()65、下面哪种不属于jquery的筛选？： 正确答案：DA 过滤B 串联C 查找D 自动66、在鼠标事件中，获取鼠标相对于当前窗口可视区域的纵坐标位置，以下代码正确的是。： 正确答案：BA event.offset().topB event.clientYC event.offsetTopD event.pageY67、#boxwidth:10px;padding:5px;border:1px solid #ccc;margin:5px,$("#box").outerWidth()的返回结果是（ ）： 正确答案：DA 32B 27C 10D 2268、jQuery中的加号选择器相当于以下哪个方法（ ）： 正确答案：AA next()B siblings()C nextAll()D prev()69、nextAll()这个方法，也可以使用（ ）选择器来实现（ ）： 正确答案：AA B C 空格D *70、想要获取到select元素内被选中的option元素，以下书写正确的是？： 正确答案：BA $(select).filter(option:selected)B $(select).find(option:selected)C $(select).is(option:selected)D $(select).has(option:selected)71、#boxwidth:10px;padding:5px;border:1px solid #ccc;margin:5px,$("#box").outerWidth()的返回结果是（true）： 正确答案：CA 10B 22C 32D 2772、var defaults= size:10, name:"img", count:8var opt=$.extend(,defaults,name:"pic",count:10,state:1),console.log(defaults.state);的打印结果是（ ）： 正确答案：BA picB undefinedC imgD 程序报错73、var defaults= size:10, name:"img", count:8var opt=$.extend(,defaults,name:"pic",count:10,state:1),console.log();的打印结果是（ ）： 正确答案：BA picB imgC undefinedD 程序报错74、定义一个jQuery插件函数正确的写法是？： 正确答案：AA $.fn.demo=function()B $.exent(demo)C $.event=demoD $.demo75、以下添加键盘事件代码正确的是： 正确答案：AA $(document).bind(keyup)B $(document).bind(mouseup)C $(document).bind(click)D $(document).on(load)76、给页面中ID为“div1”的元素的所有后代元素添加“click”事件，以下正确的是： 正确答案：DA $(#div1).on(click)B $(#div1).next().on(click)C $(#div1).siblings().on(click)D $(#div1).find(*).on(click)77、哪个标签适合定义导航： 正确答案：AA navB progressC articleD aside78、制作移动端页面哪个布局方式不适合？： 正确答案：CA 响应式 Responsive（使用 media 媒体查询 给不同尺寸和介质的设备切换不同的样式）B 伸缩 Flexbox（使用 CSS3 Flex 系列属性进行相对布局）C 固定 Fixed （使用 px 和 pt 这样的绝对单位进行固定布局）D 流动 Fluid（使用 % 百分比进行相对布局）79、哪个单位是相对于根元素html来计算的？： 正确答案：CA emB ptC remD px80、哪个标签适合定义文章： 正确答案：CA divB asideC articleD section多选501、通过 AJAX，JavaScript 无需等待服务器的响应，而是： 正确答案：C ; DA 不执行B 以上都不正确C 当响应就绪后对响应进行处理D 在等待服务器响应时执行其他脚本2、支持 XMLHttpRequest 对象的浏览器都有哪些： 正确答案：B ; C ; DA IE6B FirefoxC chromeD Safari3、在以下情况中，请使用 POST 请求： 正确答案：A ; DA 无法使用缓存文件B 向服务器发送少量量数据C 以上都不正确D 发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠4、 关于AJAX说法正确的是： 正确答案：A ; B ; CA 通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新B 一种用于创建快速动态网页的技术C 异步 JavaScript 和 XMD 以上都不正确5、status常见的有哪些值： 正确答案：A ; B ; C ; DA 200B 304C 404D 5036、关于节点操作正确的是： 正确答案：A ; B ; DA 获取类名列表：classListB 获取节点名：nodeNameC 以上都不对D 获取节点值：nodeValue7、支持classList的浏览器有哪些： 正确答案：A ; B ; DA firefoxB chromeC IE9D IE108、HTML5中，DOMTokenList定义的方法有:： 正确答案：A ; B ; C ; DA contains()B toggle()C add( )D remove()9、classList这个API提供了（）CSS类属性方法： 正确答案：A ; B ; C ; DA 删除（remove）B 包含（contains）C 切换（toggle）D 添加（add）10、CSSStyleSheet对象的属性有： 正确答案：A ; B ; C ; DA disabledB titleC hrefD type11、改变class不为demo的div元素的背景色，以下那些写法是错误的？：正确答案：A ; CA $(div.demo).css(background,blue)B $(div:not(.demo).css(background:blue)C $(div:not(.demo).css(background,blue)D $(div:not(.demo).css(background,blue)12、已知html代码：<ol><li>1</li><li class="two">2</li><li>3</li></ol>,想要获取到最后一个LI子元素的正确写法有？： 正确答案：A ; B ; CA $(olli:last)B $(.two).next()C $(.two+li)D $(olli:eq(0)13、按索引值来选取元素的选择器有哪些？： 正确答案：A ; B ; C ; DA :gt()B :oddC :eq()D :lt()14、以下选择器书写正确的是： 正确答案：A ; C ; DA $(#a a)B $(a:password)C $(a.a1)D $(a:even)15、以下哪些选择器是表单对象属性过滤选择器？： 正确答案：A ; C ; DA :selectedB :hiddenC :checkedD :disabled16、一下属于属性选择器的是： 正确答案：B ; C ; DA $(input:name=a)B $(divname=a1)C $(spanname!=a1)D $(pname=a1)17、表单选择器有： 正确答案：A ; B ; CA $(:button)B $(:checkbox)C $(:input)D $(:fileset)18、:eq(index)与：nth-child(index)的区别： 正确答案：A ; BA :eq(index)只匹配一个元素，而:nth-child(index)将为每一个符合条件的父元素匹配子元素。B :eq(index)的index从0开始，而：nth-child(index)的index从1开始C :eq(index)的index从1开始，而：nth-child(index)的index从0开始D :eq(index)匹配多个元素，而:nth-child(index)将为每一个符合条件的父元素匹配子元素。19、插入节点可以用（）方法实现： 正确答案：A ; B ; DA insertBefore（）B after（）C remove()D append()20、包裹节点可以用哪些方法： 正确答案：A ; B ; CA wrapAll（）B wrap（）C wrapInner()D insert()21、正确的属性操作有哪些？： 正确答案：A ; B ; DA attr(title,第一个段落)B attr(title)C Attr（title）D removeAttr(title)22、想要获取span元素内的文字内容，可以使用以下那些方法： 正确答案：B ; CA $(span).val()B $(span).html()C $(span).text()D $(span).txt()23、以下设置样式的写法，语法错误的是（ ）： 正确答案：C ; DA $(body).css(padding-top:50px)B $(body).css(padding-top,50px)C $(body).css(padding-top,50px)D $(body).css(padding-top,0)24、以下jQuery的选择器，写法正确的是（ ）： 正确答案：A ; B ; C ; DA abB a+bC abD a b25、以下哪些函数是jquery封装的函数： 正确答案：A ; C ; DA slideToggle()B createElement()C offset()D slideDown()26、jquery封装的函数有哪些： 正确答案：A ; C ; DA slideUp()B createElement()C position()D slideToggle()27、以下可以生成动画效果的函数有： 正确答案：A ; C ; DA hide()B css()C show()D slideDown()28、slideUp()方法的speed属性可以是（ ）： 正确答案：A ; B ; C ; DA 300B slowC fastD normal29、让id名为demo的元素以淡出的方式实现隐藏效果的正确写法是？： 正确答案：A ; B ; DA $(#demo).animate(opacity:0,200)B $(#demo).fadeOut(fast)C $(#demo).animate(height:0,300)D $(#demo).fadeTo(fast,0)30、可以实现显示与隐藏切换的动画方法有哪些？： 正确答案：A ; C ; DA toggle()B toggleShow()C fadeToggle()D slideToggle()31、实现id名为“wrap”的元素，以展开的方式显示到页面中，以下写法正确的是： 正确答案：A ; BA $(#wrap).animate(height:show,300)B $(#wrap).slideDown(300)C $(#wrap).fadeOut()D $(#wrap).animate(height:0,300)32、以下属于animate（）函数参数的是： 正确答案：A ; B ; CA css属性对象B 回调函数C 动画执行速度D 停止动画33、以下each()使用方法正确的是： 正确答案：A ; BA $(div).each(function()B $.each($(div),function()C each(i=0;i$(div).length;i+)D each($(div),function()34、可以向容器中插入元素，但有不覆盖原有内容的方法有： 正确答案：A ; C ; DA append()B html()C prependTo()D prepend（）35、下面哪几个不是属于jquery的事件处理?： 正确答案：A ; BA change()B click()C one(type)D bind(type)36、下面哪几种是属于jquery文档处理的？： 正确答案：A ; B ; C ; DA 替换B 内部和外部插入C 包裹D 删除37、下面哪几种是jquery中表单的对象属性？： 正确答案：A ; B ; C ; DA :checkedB : enabledC :selectedD :disabled38、以下哪些是event事件对象的属性和方法？： 正确答案：A ; B ; C ; DA preventDefault()B stopPropagation()C targetD type39、可让元素实现显示效果的动画有？： 正确答案：B ; C ; DA fadeTo（）B show（）C slideDown（）D fadeIn（）40、获取第一个form元素的方法有？： 正确答案：B ; C ; DA $(form)B $(form:eq(0)C $(form).eq(0)D $(form:first)41、无论什么效果，最终可实现元素隐藏的方法有： 正确答案：A ; B ; C ; DA fadeTo（）B hide（）C fadeOut（）D slideUp（）42、编写插件的优势是什么？： 正确答案：B ; C ; DA 提高开发人员编写代码的速度B 使代码能够重复使用C 方便后期维护D 提高开发效率43、jQuery插件有哪些种类？： 正确答案：A ; C ; DA 选择器插件B 自定义插件C 封闭全局函数的插件D 封装对象方法的插件44、以下代码可以获取出页面中所有单选按钮的是。： 正确答案：A ; B ; DA $(input:radio)B $(:radio)C $(:button)D $(inputtype=radio)45、在ul中插入一个子元素li，位置不限，以下书写正确的是？： 正确答案：A ; DA $(ul).prepend(内容)B $(ul).before(内容)C $(ul).after(内容)D $(ul).append(内容)46、已知代码var $a=$("#a1");如果