面试总结1

沉寂了一年多，出去活动活动还是有很多好处的，不管是对自己的技能的了解还是面试经验。

　　1.使用js获取网页页面的绝对位置

function getElementLeft(element){
         var actualLeft = element.offsetLeft;
         var current = element.offsetParent;
         
         while(current != null){
           ctualLeft += current.offsetLeft;
           current = current.offsetParent;
         }
         return actualLeft;

}



function getElementTop(element){
        var actualTop = element.offsetTop;
        var current = element.offsetParent;
        while(current != null){
          actualTop += current.offsetTop;
          current = current.offsetParent;

        }
        return actualTop;
}

　　3.触发haslayout的属性：width,heith,float。。。。。

　　http://www.cnblogs.com/wine/p/4599819.html

　　4.判断一个对象是否包含自定义属性而不是原型链上的属性：hasOwnProperty方法

　　　　http://www.cnblogs.com/sanshi/archive/2011/03/15/1985344.html

　　5.  左右两个DIV高度较低与较高的高度DIV一致，用css实现：　　

<div id="mm">
      <div id="m1">sss</div>
      <div id="m2">
          qqqqqqqqqqqqq<br> 
          qqqqqqqqqqqq<br>
          qqqqqqqqqqqq<br>
          qqqqqqqqqqqq<br>
          qqqqqqqqqqqq<br>
          qqqqqqqqqqqq<br>
          qqqqqqqqqqqq
       </div>
</div>

#mm{
        margin: 0 auto;
        width: 1200px;
        overflow: hidden;
    }
    #m1,#m2{
        float: left;
        width: 500px;
        margin-bottom: -99999px;
        padding-bottom: 99999px;
    }
    #m1{
        border:1px solid green;
    }
    #m2{
        border:1px solid red;
    }

js

document.getElementById("m1").style.height= document.getElementById("m2").offsetHeight + 'px';

5.解释一下事件委托

　　事件处理程序过多的问题的解决办法是用“事件委托”。事件委托利用了事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。

click事件会一直冒泡到document层次，利用事件委托可以为整个指定一个onclick事件处理程序，而不必给每个可点击的元素分别添加事件。

其实就是在DOM树种尽量给最高层次上添加一个事件处理程序。