一、单选题(共30题,每题2分)
1.下列关于事件委托说法错误的是
A 事件委托可以解决事件绑定程序过多的问题
B 事件委托利用了事件捕获原理
C 事件委托可以提高代码性能
D 事件委托可以应用在click,onmousedown事件中
正确答案: B
解析:
事件委托利用的是事件冒泡的原理
2.什么属性用于获取 HTML 文件的根节点
A documentElement
B rootElement
C documentNode
D documentRoot
正确答案: A
解析:
html文件的根节点为html,获取方式为document.documentElement
3.以下关于Javascript中事件的描述中,不正确的是
A click——鼠标单击事件
B focus——获取焦点事件
C mouseover——鼠标指针移动到事件源对象上时触发的事件
D change——选择字段时触发的事件
正确答案: D
解析:
change事件为input内容发生改变时触发的事件。
根据input的type属性值不同,具体的触发时机也不尽相同
4.要求用JavaScript实现下面的功能:在一个文本框中内容发生改变后,单击页面的其他部分将弹出一个消息框显示文本框中的内容,下面语句正确的是
A <input type="text" onClick="alert(this.value)">
B <input type="text" onChange="alert(this.value)">
C <input type="text" onChange="alert(text.value)">
D <input type="text"onClick="alert(value)">
正确答案: B
解析:
onchange事件,在文本框内容发生变化切光标离开时触发
5.下列哪些不是es6中新增的:
A Objec.assign
B Array.from
C forEach
D for of 循环
正确答案: C
解析:
forEach 是es5的
6.阻止浏览器默认行为,使用以下哪个方法
A stopPropagation()
B preventDefault()
C cancelBubble = false
D return true
正确答案: B
解析:
D
7.下列代码执行结果为真的是
A 1<2 && “5”!=5
B 2>2*1 || “5”==5
C 2>2*1 && 5==5
D 2>=2*1 && “5”===5
正确答案: B
解析:
B
8.下面可以获取浏览器在卷动后,隐藏的文档部分的高度的属性是
A window.body.scrollTop
B document.body.scrollTop;
C document.scrolTop;
D documentElement.body.scrollTop
正确答案: B
解析:
基础属性
9.下列对的对常量的描述或定义不对的是
A 常量名只能用大写
B const PI = 3.11;
C const pi = 3.14
D 常量定义后不能被修改
正确答案: A
解析:
10.在HTML页面中,下列选项不属于鼠标相关事件的是
A onclick
B onmouseover
C onmousedown
D onchange
正确答案: D
解析:
11.在HTML页面中,下列选项不属于键盘相关事件的是
A onkeyup
B onkeydown
C oncontextmenu
D onkeypress
正确答案: C
解析:
12.以下选项中哪个是正则的量词 :
A 100
B num
C +
D .
正确答案: C
解析:
+代表其前边的字符重复1~无限多次
13.以下属于正则的方法有
A text()
B replace()
C test()
D match()
正确答案: C
解析:
该方法用于检测参数字符串是否与正则表达式匹配
14.以下哪些属性不是事件对象event的属性
A offsetX
B clientX
C offsetLeft
D target
正确答案: C
解析:
C、实时获取元素针对于offsetParent的left坐标
15.以下获取事件对象正确的方式是 :
A function fn(){ window.event }
B obox.onclick = function( ){ e }
C obox.onclick = function (event){ var evt = event || window.event }
D function fn( e ){ e }
正确答案: C
解析:
时间对象需要兼容
16.以下哪个事件不存在
A onclick
B onblur
C onlook
D oninput
正确答案: C
解析:
A、点击事件
B、焦点离开事件
D、输入框输入事件
17.以下正则中不可以验证数字的是
A /[0-9]/
B /\D/
C /0|1|2|3|4|5|6|7|8|9/
D /\d/
正确答案: B
解析:
\D匹配的是非数字
18.下列代码的执行结果是 var result = 12 + 2 + “12”- 2 * 2; document.write(result);
A 1221222
B 14124
C 1408
D 2820
正确答案: C
解析:
var result = 12 + 2 + “12”- 2 * 2;
看等号右边,从左到右运算,
12+2等于14,
14+“12”等于“1412”(字符串拼接)
“1412”- 4 等于1408(减号会进行隐式转换)
19.在HTML页面中包含如下所示代码,则编写Javascript函数判断是否按下键盘上的回车键正确的编码是 (回车键的键盘码是13)<input name=“password”; type=“text” οnkeydοwn=“myKeyDown()”>
A function myKeyDown(){ if (window.keyCode==13){ alert(“你按下了回车键”)}};
B function myKeyDown(){ if (document.keyCode==13){ alert(“你按下了回车键”);}}
C function myKeyDown(){ if (event.keyCode==13){ alert(“你按下了回车键”)}}
D function myKeyDown(){ if (keyCode==13){ alert(“你按下了回车键”)}}
正确答案: C
解析:
keyCode是event对象下面的属性,keycode等于13说明按下了回车键
20.下列代码的执行结果是 for(var i = 0;i<10;i++){} document.write(i);
A 10
B 11
C 9
D 死循环
正确答案: A
解析:
for(var i = 0;i<10;i++){}
document.write(i);
for循环结束,才会执行下一个语句,循环结束的条件就是i=10的时候;
21.下列哪个不是javascript中的关键字或保留字
A class
B var
C link
D instanceof
正确答案: C
解析:
关键字是js有特定含义的词汇,保留字是js后面扩展会用的词汇,都不能用来作为变量名和函数名,请查看上图:
22.使用 JavaScript 向网页中输出<h1>hello</h1>
,以下代码中可行的是
A <script type="text/javascript">document.write(<h1>hello</h1>);</script>
B <script type="text/javascript">document.write("<h1>hello</h1>");</script>
C <script type="text/javascript"> <h1>hello</h1></script>
D <h1><script type="text/javascript">document.write("hello");</script></h1>
正确答案: B
解析:
document.write()方法可以打印节点到页面显示,参数是字符串,如有标签需要写完整。document.write("<h1>hello</h1>")
;正确
23.有var obj ={ name:”王大锤”, skill:”逗比”, logo:”日和漫画”} 使用循环将对象中的属性值依次取出并打印正确的是
A for(var i=0; i<obj.length; i++){ console.log(obj[i]); }
B for(var i=0; i<obj.length; i++){ console.log(obj.index); }
C for(var attr in obj){ console.log(obj[attr]) }
D return
正确答案: C
解析:
对象没有长度length,所以不能用for循环,需要用for in遍历。故A B错误,C正确
24.下面的 JavaScript 语句中,哪个实现检索当前页面中的表单元素中的所有文本框,并将它们全部清空
A for(var i=0;i< form1.elements.length;i++) {
if(form1.elements[i].type==“text”) form1.elements[i].value="";
}
B for(var i=0;i<document.forms.length;i++) {
if(forms[0].elements[i].type==“text”) forms[0].elements[i].value="";
}
C if(document.form.elements.type==“text”) form.elements[i].value=""
D for(var i=0;i<document.forms.length; i++){
for(var j=0;j<document.forms[i].elements.length; j++){
if(document.forms[i].elements[j].type=="text") document.forms[i].elements[j].value="";
}
}
正确答案: D
解析:
for(var i=0;i<document.forms.length; i++){
for(var j=0;j<document.forms[i].elements.length; j++){
if(document.forms[i].elements[j].type==“text”)
document.forms[i].elements[j].value=""; }
}
找到所有form里面所有的text文本框,把value设置为空。
25.下列代码输出的结果是
var y = 1;
var x = y = typeof x;
console.log(x);
A undefined
B 1
C y
D 报错
正确答案: A
解析:
在typeof x时,x只是被声明,但是没有被赋值
26.下列let声明变量说法有误的一项是
A let在某个{}内部使用时,外部不能访问该let声明的变量
B 用 let 声明变量没有声明提升
C let声明的变量, 变量声明之前该变量不可用,这种现象就称作暂时性死区;
D let 不允许重复修改变量
正确答案: D
解析:
不允许修改的是常量
27.下列关于事件监听器的说法,错误的是
A addEventListener第三个参数为false时,表示事件不会触发
B IE8以下使用attachEvent添加事件监听器
C addEventListener同一个事件可以绑定多个函数
D IE8以下浏览器使用detachEvent移除监听器.
正确答案: A
解析:
addEventListener()的第三个参数为false时,代表冒泡阶段
28.下列对事件相关的描述,错误的是
A 文本输入框输入文本结束后会触发onchange事件
B 在表单提交时会触发 onsubmit事件
C 点击文本输入框会多次触发onblur事件
D onmouseover和onmouseenter事件有一定区别
正确答案: C
解析:
onblur是焦点离开时触发的事件,点击文本框触发的是onclick事件和onfocus事件
29.var a=10; b=20; c=4;
++b + c + a++ 以下哪个结果是正确的
A 34
B 35
C 36
D 37
正确答案: B
解析:
++ a 先运算 a++ 后运算
30.下列代码输出的结果是
function fn(a) {
console.log(a);
var a = 2;
function a() {};
console.log(a);
}
fn(2);
A undefined和报错
B function a() {}和2
C 报错和 2
D undefined和function a(){};
正确答案: B
解析:
声明提升,var 要比 function 先提升。
二、多选题(不定项选择)(共20题,每题2分)
1.JavaScript里事件的三个阶段是
A 捕获
B 处于目标阶段
C 冒泡阶段
D 代理阶段
正确答案: A,B,C
解析:
2.for…of与for…in的区别,以下说法正确的是
A for in可以遍历对象,for of不能遍历对象
B for of可以用来遍历map集合,for in不能遍历map集合
C for in遍历数组得到的是数组的下标,for of遍历数组得到的是数组的元素
D for in遍历键 for of遍历值
正确答案: A,B,C,D
解析:
ABCD
3.正则对象的方法包括
A test();
B index()
C exec()
D match()
正确答案: A,C
解析:
正则的对象方法只有2个,其他属于字符串的方法.
exec() 找到了返回数组,找不到返回null.
test() true或false.
4.事件中会产生哪些兼容问题
A 事件对象的创建
B 事件冒泡
C 浏览器的默认行为
D 事件委托中事件源的获取
正确答案: A,B,C,D
解析:
222111
5.var a=“10”,以下能实现字符串转成数字的是
A a*1
B Number(a)
C a-0
D a+0
正确答案: A,B,C
解析:
6.下面哪些属于数组的方法
A sort( )
B push()
C indexOf()
D join()
正确答案: A,B,C,D
解析:
7.下面哪个不是数组的方法
A map()
B split()
C filter()
D test ()
正确答案: B,D
解析:
split 是字符串方法 test 是正则方法
8.更改h1标签内容可以用以下哪个属性
A innerText
B valueof
C innerHTML
D value
正确答案: A,C
解析:
aaa
9.可以用来遍历字符串的语句有
A for-in
B for
C for-of
D forEach
正确答案: A,B,C
解析:
Array.prototype.forEach 为数组对象的方法,不能遍历字符串
10.以下属于ES6新增内容的有
A 严格模式
B 箭头函数
C 解构赋值
D class
正确答案: B,C,D
解析:
严格模式是ES5中就已经存在的。
但是在ES6的很多语法中,默认使用严格模式
11.事件对象中可以阻止事件冒泡的方法或属性为
A e.stopPropagation()
B e.preventDefault()
C e.cancelBubble = true
D event.returnValue = false
正确答案: A,C
解析:
B、D为阻止浏览器默认行为的
12.给元素添加事件监听正确的方法有
A oDiv.onclick()
B oDiv.attachEvent()
C oDiv.addEventListener()
D oDiv.detachEvent()
正确答案: B,C
解析:
A的正确用法为oDiv.onclick = function () {}
D为IE8接触事件绑定的方法
13.以下字符串方法支持正则表达式的有哪些
A indexOf
B match
C replace
D search
正确答案: B,C,D
解析:
字符串的一些方法是和正则一起使用比较多的,比如match()匹配、replace()替换、search()查找
14.如何阻止事件冒泡
A cancelBubble
B return true
C event.preventDefault
D event.stopPropagation()
正确答案: A,D
解析:
浏览器有一些默认行为,比如右键菜单,点击跳转,文字选中效果,拖拽鬼影等,如果出现莫名其妙的问题,也可能是默认行为导致的,阻止默认行为:event.preventDefault和return false,阻止冒泡:cancelBubble和event.stopPropagation();。
15.下面表示鼠标事件的有
A onclick
B onmouseover
C onmouseout
D onmousemove
正确答案: A,B,C,D
解析:
onchange是当内容改变时触发,触发调用函数writeIt(),该函数的功能就是将第二个文本框的内容复制给第一个文本框。
16.下面是正则中有意义的简写的有 :
A \d
B \w
C \s
D \S
正确答案: A,B,C,D
解析:
正则表达式
17.拖拽效果中,需要用到的事件有
A onmousemove
B onmousedown
C onmouseup
D onclick
正确答案: A,B,C
解析:
拖拽的原理:按下的时候(onmousedown)通过鼠标的坐标和盒子的offsetLeft和offsetTop计算差值offsetX和offsetY;按着盒子拖拽的过程中(onmousemove)从新用新的坐标和刚才计算的差值计算新的left和top,这是拖拽的原理。所以得 :left=ev.clientX-offsetX; top=ev.clientY-offsetY;正确答案就是A B
18.ES6中新增的声明变量的关键字有
A function
B let
C const
D str
正确答案: B,C
解析:
let用来声明变量
const用来声明常量
19.解构赋值可以做到以下哪些事
A 一次性可以定义多个变量
B 可以作用在函数的传参上,以对象的方式传递,参数顺序也无须保持一致
C 可以轻松实现两个数的交换
D 可以实现一个函数返回多个结果
正确答案: A,B,C,D
解析:
122
20.下列有关事件对象之中属性的描述,正确的有
A event.clientX、event.clientY:获取鼠标相对于浏览器可视窗口的x轴值和y轴值
B event.pageX、event.pageY类似于event.clientX、event.clientY,但它们使用的是文档坐标 (相对于文档的x轴距离和y轴距离)而非窗口坐标
C event.offsetX、event.offsetY:鼠标相对于用户显示器屏幕左上角的X,Y坐标
D event.screenX、event.screenY:鼠标相对于事件源元素(srcElement)的X,Y坐标
正确答案: A,B
解析:
三大家族的知识要熟悉