将DIV显示在屏幕中间

最新推荐文章于 2023-07-12 20:22:21 发布

cenhonggang86

最新推荐文章于 2023-07-12 20:22:21 发布

阅读量474

点赞数

分类专栏： Java

本文链接：https://blog.csdn.net/cenhonggang86/article/details/84003440

版权

Java 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

/*设置客户端的高和宽*/
function getClientBounds(){
    var clientWidth;
    var clientHeight;
    
    clientWidth = document.compatMode == "CSS1Compat" ? document.documentElement.clientWidth : document.body.clientWidth;
    clientHeight = document.compatMode == "CSS1Compat" ? document.documentElement.clientHeight :   document.body.clientHeight;
        
    return {width: clientWidth, height: clientHeight};
}

/*设置客户端的高和宽*/  
function divcenter(){     
    var divId=document.getElementById('mxh');    
    var rr=new getClientBounds();  
    divId.style.display='block';  
    divId.style.left=(rr.width-divId.clientWidth)/2+document.body.scrollLeft;  
    divId.style.top=(rr.height-divId.clientHeight)/2+document.body.scrollTop;     
}