《WEB前端JS高级》题库.docx
- 文档编号:28132928
- 上传时间:2023-07-08
- 格式:DOCX
- 页数:39
- 大小:28.36KB
《WEB前端JS高级》题库.docx
《《WEB前端JS高级》题库.docx》由会员分享,可在线阅读,更多相关《《WEB前端JS高级》题库.docx(39页珍藏版)》请在冰豆网上搜索。
《WEB前端JS高级》题库
试题库
题型:
一填空题、二单选题、三多选题、四判断题、五名词解释题、六辨题、七简单题、八论述题、九材料分析题(九类题型在本课程题库中都要涉及到)
单选80题
1、让当前页面的背景色为蓝色,应该使用哪一句代码来描述此种设置:
正确答案:
D
Abgcolor="blue"
Bbackcolor="blue"
Cbgground="blue"
Dbackground="blue"
2、创建XMLHttpRequest对象的语法正确的是:
:
正确答案:
D
AvarxmlHttp=testXMLHttpRequest();
BvarxmlHttp=XMLHttpRequest();
C以上都不正确
DvarxmlHttp=newXMLHttpRequest();
3、xmlhttp.open("GET","test1.txt",true)以上代码中true表示:
:
正确答案:
B
A同步
B异步
C以上都不正确
D不确定
4、AJAX中XMLHttpRequest对象有()个状态值:
正确答案:
B
A6
B5
C4
D3
5、xmlhttp.open("GET","test1.json",false)以上代码中false表示:
:
正确答案:
D
A异步
B不确定
C以上都不正确
D同步
6、当readyState值为2时,说明:
:
正确答案:
A
A请求已发送(这里通常可以从响应得到内容头部)
B请求已提出(调用send()之前)
C请求未初始化
D服务器连接已建立
7、如果需要像HTML表单那样POST数据,请使用setRequestHeader()来添加HTTP头:
:
正确答案:
B
AsetRequestHeader("Connection","close");
Bxmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
CsetRequestHeader("Content-length",paramsSend.length);
D以上都不正确
8、以下获取服务器响应中,获得XML文档对象形式的响应数据的属性是:
:
正确答案:
C
AresponseText
Bresponsetext
CresponseXML
Dresponsexml
9、readyState为3表示:
:
正确答案:
D
A请求处理前
B请求处理后
C请求完成
D请求处理中(响应中通常有部分数据可用,但是服务器还没有完成响应)
10、readyState属性值说法正确的有:
:
正确答案:
C
A以上都不正确
B1:
请求未初始化
C2:
请求已接收
D3:
服务器连接已建立
11、CSSStyleSheet对象的href属性说法正确的是():
正确答案:
A
A返回样式表的位置(URL),如果是内联样式表,则为null。
B以上都不对
C返回样式表的位置(URL),如果是内联样式表,则为false。
D返回样式表的位置(URL),如果是内联样式表,则为true。
12、JavaScript中用来获取元素在垂直方向上占用的空间大小的方法是():
正确答案:
C
AoffsetLeft
BscrollTop
CoffsetTop
DscrollLeft
13、toggle()表示:
:
正确答案:
A
A如果不存在类名就添加一个;否则,删除它
B从元素的class属性中添加和清除一个类名
C检测class属性中是否包含一个指定的类名。
D以上都不正确
14、document.styleSheets[0].cssRule[0],IE中这个属性用:
:
正确答案:
C
A以上都不正确
BdeleteRule
Crules
DinsertRule
15、计算样式的时候,如果元素不是绝对定位,查询top值时,返回:
:
正确答案:
A
Aauto
Bnull
C数值
Dundefined
16、JavaScript中用来获取滚动条在垂直方向上距离的是():
正确答案:
B
AoffsetTop
BscrollTop
CoffsetLeft
DscrollLeft
17、contains()方法表示:
:
正确答案:
A
A检测class属性中是否包含一个指定的类名。
B如果不存在类名就添加一个;否则,删除它
C从元素的class属性中添加和清除一个类名
D以上都不正确
18、CSSStyleSheet对象的disabled属性表示:
:
正确答案:
B
A以上都不正确
B样式表是否被禁用
Ctitle属性值
D样式表类型的字符串
19、通过style方式设置样式,样式的属性格式是:
正确答案:
B
A大写
B驼峰写法
C小写
D横杠相连
20、火狐浏览器获取非style中的元素样式可以用()属性:
:
正确答案:
B
Agetsomputedstyle()
BgetComputedStyle()
Ccurrentstyle
DcurrentStyle
21、通过()方法获得集合中每个匹配元素的祖先元素:
正确答案:
D
Aclosest()
Bparent()
CparentAll()
Dparents()
22、查找段落的父元素中每个类名为selected的父元素,写法正确的是?
:
正确答案:
B
A$("p").parent()
B$("p").parent(".selected")
C$("p").parent("selected")
D$("p").parentAll(".selected")
23、prev()方法的作用是:
正确答案:
A
A获取当前元素的前一个兄弟元素
B关闭当前元素
C跳出当前元素
D获取当前元素的下一个兄弟元素
24、当元素有class样式时取消,没有时添加class样式可以通过()方法实现?
:
正确答案:
D
AremoveClass()
BaddClass()
CtriggerClass()
DtoggleClass()
25、在匹配的em元素中筛选出第二个em?
:
正确答案:
D
A$("em").eq(-2)
B$("em").eq
(2)
C$("em").eq(0)
D$("em").eq
(1)
26、关于find()与filter()的区别以下描述正确的是:
正确答案:
B
Afind()是在内存中筛选,filter()是在所有页面元素中筛选
Bfind()在元素内查找后代元素,filter()是在当前已获得结果中进行筛选
Cfind()是在当前结果集中筛选,filter()是在父级中筛选
Dfind()是在父级中筛选,filter()是在当前已获得结果集中筛选
27、$(“div”).find(“em”;)与下面哪句功能一至?
:
正确答案:
B
A$("div>em")
B$("divem")
C$("div").has("em")
D$("div").children().is("em")
28、从页面的所有div元素中筛选出id名为demo的div元素,写法正确的是?
:
正确答案:
B
A$("div").has("#demo")
B$("div").filter("#demo")
C$("div").eq("#demo")
D$("div").find("#demo")
29、将a标签用div标签包裹起来的方法是?
:
正确答案:
A
A$("a").wrap("
")B$("a").wrap("div")
C$("div").wrap("a")
D$("a").wrap("
30、在父元素末端添加一个子元素用()方法:
正确答案:
C
Ahtml()
Bafter()
Cappend()
DinsertBefore()
31、想要获取到img元素的src属性值,以下写法正确的是?
:
正确答案:
B
A$("img").getAttribute("src")
B$("img").attr("src")
C$("img").attr("src","")
D$("img").getAttr("src")
32、以下对attr()的使用方法书写正确的是。
:
正确答案:
D
A$("div"):
attr("name")
B$("div").attr("name"="va")
C$("div").attr("name":
"va")
D$("div").attr("name")
33、以下将#box的背景色设为灰色,且加5px的顶填充的写法,错误的是():
正确答案:
C
A$('#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元素,以下书写错误的是:
正确答案:
B
A$("
")
B$("p")
Cdocument.createElement("p")
D$("")
35、获取所有被选中的复选框,以下写法正确的是():
正确答案:
D
A$("input[type=radio]:
checked")
B$("input:
checkbox")
C$("input[checkbox]:
disabled")
D$("input[type=checkbox]:
checked")
36、获取页面中所有jpg格式的图片,以下写法正确的是()。
:
正确答案:
A
A$("img[src$=jpg]")
B$("img[src^=jpg]")
C$("img[src=jpg]")
D$("img[src*=jpg]")
37、~选择器相当于jQuery中的哪个方法():
正确答案:
C
Anext()
BprevAll()
CnextAll()
Dprev()
38、()方法可以触发匹配元素的特定事件,同时取消浏览器对此事件的默认操作。
:
正确答案:
B
Atrigger()
BtriggerHandler()
Cone()
Dbind()
39、one()功能描述正确的是?
:
正确答案:
B
A为元素绑定click事件
B为元素绑定一次性的事件,即当事件触发一次后,立即被删除。
C以上说法都不正确
D为元素绑定特定事件
40、ready(fn)方法描述错误的是?
:
正确答案:
A
A在同一个页面中只允许使用一次$(document).ready()事件
B是页面加载方法
C在DOM载入就绪时立即调用fn函数
D这个方法是window.load事件的替代方法
41、关于mouseenter的说法,正确的是:
正确答案:
B
A与mouseenter效果相同
B当鼠标指针进入元素时,会发生mouseenter事件。
C和mouseover完全没有区别
D与mousemove效果相同
42、以下哪句可以获取到class为“child"的元素的父级元素:
正确答案:
D
A$(".child:
parent")
B$(".child").parentNode()
C$(".child"):
parent
D$(".child").parent()
43、以下not()方法使用正确的是:
正确答案:
A
A$("div").not(".div01")
Bnot(".div01").$("div")
Cnot("div:
'div01'")
D$("div").not()=="div01"
44、当单击段落元素时显示它的文本内容,以下哪句可以实现该功能?
:
正确答案:
A
A$("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()函数描述正确的是:
正确答案:
C
A和on()没什么区别
B可以删除已绑定的事件
C给元素绑定一次性事件
D可以代替live()使用
46、查找p元素下的span子元素,以下写法正确的是?
:
正确答案:
B
A$("spanp")
B$("p").find("span")
C$("span").find("p")
D$("p").has("span")
47、筛选出已知$("#span01")的祖先元素中,class为“mainbox”的所有元素:
正确答案:
B
A$("#span01").closest(".mainbox")
B$("#span01").parents(".mainbox")
C$("#span01").parent(".mainbox")
D$("#span01").find(".mainbox")
48、使用jquery检查<inputtype="hidden"id="id"name="id"/>元素在网页上是否存在。
:
正确答案:
B
Aif($("#id")){//dosomeing...}
Bif($("#id").length>0){//dosomeing...}
Cif($("#id").size>0){//dosomeing...}
Dif($("#id").length()>0){//dosomeing...}
49、下面哪一个是用来追加到指定元素的末尾的?
:
正确答案:
D
AinsertAfter()
Bafter()
Cappend()
DappendTo()
50、在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?
:
正确答案:
C
Aempty()
BremoveAll()
Cremove()
Ddelete()
51、如果想在一个指定的元素后添加内容,下面哪个是实现该功能的?
:
正确答案:
D
AinsertAfter(content)
BappendTo(content)
Cappend(content)
Dafter(content)
52、下面哪种不属于jquery的筛选?
:
正确答案:
B
A过滤
B自动
C串联
D查找
53、在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的?
:
正确答案:
B
Acss(name,value)
Bcss(name)
Cfirst
Deq
(1)
54、如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素?
:
正确答案:
D
Acontents()
Btext()
Cget()
Deq()
55、以下哪句代码可以实现在id为"next"元素前插入一个div元素?
:
正确答案:
B
A$("#next").append("
");B$("#next").before("
");C$("#next").insert("
");D$("#next").prependTo("
");56、已知页面中有一个元素id为“xxx”,通过jquery将其删除,书写正确的是:
正确答案:
C
A$("#xxx").clone()
Bdelete().$("#xxx")
C$("#xxx").remove()
D$("#xxx").empty()
57、给页面中第一个span添加一个class,"testSpan",以下代码正确的是:
正确答案:
A
A$("span").first().addClass("testSpan")
B$("span").eq
(1).addClass("testSpan")
C$("span").first().css("testSpan")
D$("span").last().hasClass("testSpan")
58、下面()选择器可以获取到下拉列表的选中项?
:
正确答案:
B
A$("select:
selected")
B$("selectoption:
selected")
C$("selectoption:
select")
D$("selectoption:
checked")
59、以下给div添加class的方法正确的是:
正确答案:
B
A$("div").hasClass("cl")
B$("div").addClass("cl")
C$("div").css("cl")
D$("div").removeClass("cl")
60、如果在做动画时,要同时改变多个属性,比如位置,透明度,宽高等,使用哪个方法最佳:
正确答案:
A
Aanimate()
BslideDown()
CfadeToggle()
DslideToggle()
61、如何阻止动画继续执行。
:
正确答案:
B
Aremove()
Bstop()
Ctoggle()
Ddelete()
62、()方法可以阻止事件冒泡?
:
正确答案:
B
ApreventDefault()
BstopPropagation()
Creturntrue
Dstop()
63、已知代码var$a=$("#a1"),$b=$("#b1"),$c=$("#c1");如果想将$c插入到$a的前面,以下代码正确的是。
:
正确答案:
A
A$a.before($c);
B$c.appendTo($a);
C$c.before($a);
D$a.prependTo($c);
64、()方法可以使元素重复切换样式?
:
正确答案:
C
AclassName()
BaddClass()
CtoggleClass()
DremoveClass()
65、下面哪种不属于jquery的筛选?
:
正确答案:
D
A过滤
B串联
C查找
D自动
66、在鼠标事件中,获取鼠标相对于当前窗口可视区域的纵坐标位置,以下代码正确的是。
:
正确答案:
B
Aevent.offset().top
Bevent.clientY
Cevent.offsetTop
Devent.pageY
67、#box{width:
10px;padding:
5px;border:
1pxsolid#ccc;margin:
5px},$("#box").outerWidth()的返回结果是():
正确答案:
D
A32
B27
C10
D22
68、jQuery中的加号选择器相当于以下哪个方法():
正确答案:
A
Anext()
Bsiblings()
CnextAll()
Dprev()
69、nextAll()这个方法,也可以使用()选择器来实现():
正确答案:
A
A~
B>
C空格
D*
70、想要获取到select元素内被选中的option元素,以下书写正确的是?
:
正确答案:
B
A$("select").filter("option:
selected")
B$("select").find("option:
selected")
C$("select").is("option:
selected")
D$("select").has("option:
selected")
71、#box{width:
10px;padding:
5px;border:
1pxsolid#ccc;margin:
5px},$("#box").outerWidth()的返回结果是(true):
正确答案:
C
A10
B22
C32
D27
72、vardefaults={
size:
10,
name:
"img",
count:
8
}
varopt=$.extend({},defaults,{name:
"pic",count:
10,state:
1}),console.log(defaults.state);的打印结果是():
正确答案:
B
Apic
Bundefined
Cimg
D程序报错
73、vardefaults={
size:
10,
name:
"img",
count:
8
}
varopt=$.extend({},defaults,{name:
"pic",count:
10,state:
1}),console.log(defaults.name);的打印结果是():
正确答案:
B
Apic
Bimg
Cundefined
D程序报错
74、定义一个jQuery插件函数正确的写法是?
:
正确答案:
A
A$.fn.demo=function(){}
B$.exent("demo")
C$.event="demo"
D$.demo
75、以下添加键盘事件代码正确的是:
正确答案:
A
A$(document).bind("keyup")
B$(document).bind("mouseup")
C$(document).bind("click")
D$(document).on("load")
76、给页面中ID为“div1”的元素的所有后代元素添加“click”事件,以下正确的是:
正确答案:
D
A$("#div1").on("click")
B$("#div1").next().on("click")
C
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- WEB前端JS高级 WEB 前端 JS 高级 题库