前端面试题（9）

81.简述JS中常见的兼容性问题

浏览器窗口：document.documentElement.clientWidth||document.body.clientWidth
事件对象： var event = window.event || ev
阻止冒泡: event.stopPropagation() || event.cancelBubble = true
阻止默认行为： event.preventDefault() || event.returnValue = false
键盘事件:event.key 替换成event.keyCode
鼠标滚轮： ele.onmousewheel = fn || 火狐 ele.addEventListener(‘DOMMouseScroll’,fn)

82.什么是事件委托，简述事件委托的实现思路

事件委托，就是将事件添加到目标元素的父元素上，通过事件目标对象判断的方式，来间接执行目标元素事件处理函数的过程
事件委托的实现，找到触发事件的所有子元素的共同父元素，在父元素上添加指定事件，在父元素的事件函数中，进行目标元素节点判断，执行目标元素的事件处理函数完成业务处理

83.事件绑定和普通事件有什么区别

事件绑定使用的是固定语法函数addEventListener()或者attacheEvent(),可以在一个元素上重复绑定多个相同事件处理函数
普通事件直接将事件挂载到目标节点上，不可以给相同事件重复绑定处理函数

84.以下关于Array数组对象说法不正确的是（CD）

A.对数组里数据的排序可以用sort函数，如果排序效果非预期，可以给sort函数加一个排序的参数
B.reverse用于对数组数据的倒序排列
C.向数组的最后位置加一个新元素，可以用pop方法
D.unshift方法用于向数组删除第一个元素

85.要将页面的状态栏显示“已经选中该文本框”，下列JavaScript语句正确的是（A）

A.window.status = “已经选中该文本框”
B.document.status = ‘已经选中该文本框’
C.window.screen = ‘已经选中该文本框’
D.document.screen = ‘已经选中该文本框’

86.点击页面的按钮，使之打开一个新窗口，加载一个网页，以下JavaScript代码中可行的是（AD）

A < input type=“button” value=“new” οnclick=“open(‘new.html’,‘_blank’)” />
B. < input type=“button” value=“new” οnclick=“window.location = ‘new.html’” />
C.< input type=“button” value="new " onclick = “location.assign('new.html)”>
D.
< input type=“submit” value=“new” />

87.使用JavaScript向网页中输出

hello

,以下代码中可行的是（BD）

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>

88.分析下面代码

<script type="text/javascript">
    function writeIt(value) {
        document.myfm.first_text.value = value
    }
    </script>
<form name="myfm">
        <input type="text" name="first_text">
        <input type="text" name="seconde_text" onchange="writeIt(value)">
    </form>

以下说法中正确的是（AD）
A.在页面的第二个文本框中输入内容后，当目标离开第二个文本框时，第一个文本框的内容不变
B.在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，将在第二个文本框中复制第一个文本框的内容
C.在页面的第二个文本框中输入内容后，当鼠标离开第二个文本框时候，将在第一个文本框中复制第二个文本框的内容
D.在页面的第一个文本框中输入内容后，当鼠标离开第一个文本框时，第二个文本框的内容不变

89.列举浏览器对象模型BOM常用的至少4个对象，列举window对象常用的方法至少5个

documetnt\location\history\navigator\window
alert()/confirm()/prompt()/onload()/onresize()/onscroll()

90.说明如何使用JavaScript提交表单

表单对象.submit()

上一篇
下一篇