这五道面试题的答案是我自己做的,题目是找来的
1.写出下列代码在各个浏览器中的颜色值?
background: red;
_background: green;
*background: blue;
background: black\9;
- “-″减号是IE6专有的hack
- “\9″ IE6/IE7/IE8/IE9/IE10都生效
- “\0″ IE8/IE9/IE10都生效,是IE8/9/10的hack
- “\9\0″ 只对IE9/IE10生效,是IE9/10的hack
2.添加些css让其水平垂直居中。
<div style="____________________________">
前端修炼
</div>
3.如下代码,在空白处填写代码,是其点击时,前景色为白色,背景色为黑色。
<div onclick="_________________">颜海镜</div>
<div onclick='javascript:this.style.color="#0f0";this.style.backgroundColor="red";'>前端修炼</div>
4.书写代码,点击时从1分钟开始,每秒递减到0。
<div onclick="test();">60</div>
function test(e){ var $this = e; var m = 59; console.log(m); var mt = window.setInterval(function(){ $this.innerHTML=m; if(m==0){ window.clearInterval(mt); console.log(234); }; m--; },1000); };
5.简述在IE下mouseover和mouseenter的区别?
这是百度知道的一个答案,不知道正确与否,因为我也没有在IE下测试过这两个事件;
不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。对应mouseout只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。对应mouseleave
这样的话,mouseenter子元素不会反复触发事件,否则在IE中经常有闪烁情况发生。