面试题拾漏

最新推荐文章于 2022-04-19 18:38:22 发布

原创最新推荐文章于 2022-04-19 18:38:22 发布 · 483 阅读

0 ·

CC 4.0 BY-SA版权

1.写出几种IE6 BUG的解决方法

1.双边距BUG float引起的使用display

2.3像素问题使用float引起的使用dislpay:inline -3px

3.超链接hover 点击后失效使用正确的书写顺序 link visited hover active

4.Ie z-index问题给父级添加position:relative

5.Png 透明使用js代码改

6.Min-height 最小高度！Important 解决’
7.select 在ie6下遮盖使用iframe嵌套

8.为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）

2， js ie和dom事件流的区别

发布于2016-06-17 11:



IE采用冒泡型事件 Netscape使用捕获型事件 DOM使用先捕获后冒泡型事件 
示例： 

复制代码代码如下:

<body> 
<div> 
<button>点击这里</button> 
</div> 
</body> 

冒泡型事件模型： button->div->body (IE事件流) 

捕获型事件模型： body->div->button (Netscape事件流) 

DOM事件模型： body->div->button->button->div->body (先捕获后冒泡) 

2.事件侦听函数的区别 

IE使用: 
[Object].attachEvent("name_of_event_handler", fnHandler); //绑定函数 
[Object].detachEvent("name_of_event_handler", fnHandler); //移除绑定 

DOM使用： 
[Object].addEventListener("name_of_event", fnHandler, bCapture); //绑定函数 
[Object].removeEventListener("name_of_event", fnHandler, bCapture); //移除绑定 

bCapture参数用于设置事件绑定的阶段，true为捕获阶段，false为冒泡阶段。

3，IE和标准下有哪些兼容性的写法

     
      Var ev = ev || window.event
     
     
      document.documentElement.clientWidth || document.body.clientWidth
     
     
      Var target = ev.srcElement||ev.target

4，

1.阻止事件冒泡,使成为捕获型事件触发机制.

       
             function 
             stopBubble(e) { 
            
             //如果提供了事件对象，则这是一个非IE浏览器 
            
             if 
             ( e && e.stopPropagation ) 
            
             //因此它支持W3C的stopPropagation()方法 
            
             e.stopPropagation(); 
            
             else
            
             //否则，我们需要使用IE的方式来取消事件冒泡 
            
             window.event.cancelBubble = 
             true
             ; 
            
             }

2.当按键后,不希望按键继续传递给如HTML文本框对象时,可以取消返回值.即停止默认事件默认行为.

       
             //阻止浏览器的默认行为 
            
             function 
             stopDefault( e ) { 
            
             //阻止默认浏览器动作(W3C) 
            
             if 
             ( e && e.preventDefault ) 
            
             e.preventDefault(); 
            
             //IE中阻止函数器默认动作的方式 
            
             else
            
             window.event.returnValue = 
             false
             ; 
            
             return 
             false
             ; 
            
             }

当需要停止冒泡行为时，可以使用
function stopBubble(e) { 
//如果提供了事件对象，则这是一个非IE浏览器 
if ( e && e.stopPropagation ) 
    //因此它支持W3C的stopPropagation()方法 
    e.stopPropagation(); 
else 
    //否则，我们需要使用IE的方式来取消事件冒泡 
    window.event.cancelBubble = true; 
}
当需要阻止默认行为时，可以使用·
//code from http://caibaojian.com/javascript-stoppropagation-preventdefault.html
//阻止浏览器的默认行为 
function stopDefault( e ) { 
    //阻止默认浏览器动作(W3C) 
    if ( e && e.preventDefault ) 
        e.preventDefault(); 
    //IE中阻止函数器默认动作的方式 
    else 
        window.event.returnValue = false; 
    return false; 
}

来源：前端开发博客