前端常用JS代码

两个浮动层的高度统一问题：

// 保持边框对齐
//  $(selector1).innerHeight()      height + padding
//  $(selector1).outerHeight()      height + padding + border
//  $(selector1).outerHeight(true)  height + padding + border + margin
function adjustLayoutHeight(selector1, selector2) 
{ 
     var h1 = $(selector1).outerHeight(); // 边框 h + padding + border
     var h2 = $(selector2).outerHeight();
     var max = Math.max(h1, h2);
     $(selector1).height(max - (h1 - $(selector1).height())); // h 
     $(selector2).height(max - (h2 - $(selector2).height())); 
}

DEMO:
<div>
    <div class="left" sytle="float: left; width: 200px;">
    <div class="center" sytle="float: left;">
</div>

// need some layout call adjustLayoutHeight('div.left', 'div.center') in js.
---------