网页中的宽与高

先设置网页的大屏幕的宽高,以及点击事件：

 <div style="width : 2000px,height : 2000px" onmousedown = "ww()"> 

<div id = "ex" style = "width :100px,height:30px "></div>

</div> 

再设置它的样式：

 *{ margin :0px; padding:0px; } 

然后是js代码部分：

function $(oId){
            return document.getElementById(oId);
        }
        
        function ww(){
            var w= document.documentElement.clienWidth;
            var h = document.documentElement.clienHeight;
            var ww = window.pageXOffset; //pageXOffset 属性返回文档在窗口左上角水平滚动的像素
            var hh = window.pageYOffset;
            // pageYOffset属性返回文档在窗口垂直方向滚动的像素
            var sw = w/2+ww;
            var sh = h/2+hh;
            rs(sw,sh); //调用
        }
        
    function rs(sw,sh){
        $("ex").nextSibling.parentNode.removeChild( //先找到父节点再移除它
        $("ex").nextSibling);//兄弟节点
        var obj = document.createElement("div");
        obj.style.width = "100px";
        obj.style.height = "100px";
        obj.style.position = "absolute";
        obj.style.display = "block";
        obj.style.top = sh+"px";
        obj.style.left = sw+"px";
        obj.style.backgroundColor = "red";
        $("hehe").appendChild(obj);
    }
    

 [演示效果](http://localhost:63342/demo/work6.html)