js获取屏幕大小,元素top值等等

<script>
function a(){
document.write(
"屏幕分辨率为:"+screen.width+"*"+screen.height
+"<br />"+
"屏幕可用大小:"+screen.availWidth+"*"+screen.availHeight
+"<br />"+
"网页可见区域宽:"+document.body.clientWidth
+"<br />"+
"网页可见区域高:"+document.body.clientHeight
+"<br />"+
"网页可见区域宽(包括边线的宽):"+document.body.offsetWidth
+"<br />"+
"网页可见区域高(包括边线的宽):"+document.body.offsetHeight
+"<br />"+
"网页正文全文宽:"+document.body.scrollWidth
+"<br />"+
"网页正文全文高:"+document.body.scrollHeight
+"<br />"+
"网页被卷去的高:"+document.body.scrollTop
+"<br />"+
"网页被卷去的左:"+document.body.scrollLeft
+"<br />"+
"网页正文部分上:"+window.screenTop
+"<br />"+
"网页正文部分左:"+window.screenLeft
+"<br />"+
"屏幕分辨率的高:"+window.screen.height
+"<br />"+
"屏幕分辨率的宽:"+window.screen.width
+"<br />"+
"屏幕可用工作区高度:"+window.screen.availHeight
+"<br />"+
"屏幕可用工作区宽度:"+window.screen.availWidth
);
}

js获取元素到浏览器顶部距离:

Element.offsetTop

js获取元素到浏览器左侧距离:

Element.offsetLeft

jq获取和设置元素到浏览器顶部距离:

$(Element).offset().top

$(Element).offset({top:number})

移动端获取页面的X,Y坐标

        var Div = document.getElementById("BODY");
        Div.ontouchstart = function(e){
            var touch = e.touches[0];
            //clientX,clientY获取当前触控点的坐标,
            var x = touch.clientX;
            var y = touch.clientY; 
           //pageX,pageY获取页面的X,Y坐标
            var pageX = touch.pageX
            var pageY = touch.pageY   
             
        }    

 

posted @ 2017-06-09 16:24  野望之风  阅读(6194)  评论(0编辑  收藏  举报