js设置登陆框居中

1：获取浏览器宽高：
var width = document.documentElement.clientWidth;
var height= document.documentElement.clientHeight;

2：计算登陆框左边距 上边距除以2使其居中：
var top = （height-(登陆框高度)）/2；
var left = （width-(登陆框宽度)）/2；

3：通过给登陆框设置绝对定位属性position:absolute;
然后就可以通过.css方法设置top ,left属性居中

4：但是上面几步只是一开始使其居中，当浏览器变化大小时并不能跟着浏览器一起变化
这时就要设置实时监听函数
window.onresize = function(){
//在写一遍上几步的代码 这里合并一起写
var top = (document.documentElement.clientHeight-250)/2;
var left= (document.documentElement.clientWidth-300)/2;
$().getId('login').css('top',top+'px').css('left',left+'px');
}


5：进行函数封装
$().getId('login').center(350,250),resize(function(){
$(),getId('login').center(350,250);
}) //前台调用的函数写法

//后台函数原型
Base.prototype.center = function(width,height){
var top = (document.documentElement.clientHeight-250)/2;
var left= (document.documentElement.clientWidth-250)/2;
for(var i=0;i<this.elements.length;i++){
this.elements[i].style.top = top+'px';
this.elements[i].style.left= left+'px';
}
return this;
}

//浏览器大小变化事件
Base.prototype.resize =  function(fn){
window.onresize = fn;
return this;
}