首页 > 其他 > 详细

浏览器宽高//滚动条获取

时间:2019-07-04 21:42:26      阅读:96      评论:0      收藏:0      [点我收藏+]
//浏览器窗口的大小
            var h=window.innerHeight;//可视窗口的高度(不包括及任务栏)
            var w=window.innerWidth;//可视窗口的宽度
            var w1=document.documentElement.clientWidth;//可视窗口的宽度(不包括滚动条及任务栏)
            var h1=document.documentElement.clientHeight;
            console.log(‘window属性‘,w,h);
            console.log(‘dom属性‘,w1,h1);
            /*if(window.innerHeight){
                var w=window.innerWidth;
            }else{
                var w=document.documentElement.clientWidth;
            }*/
            
            var w=window.innerWidth||document.documentElement.clientWidth;
            var h=window.innerHeight||document.documentElement.clientHeight;
            //建议标准答案
            var w2=document.body.clientWidth;
            console.log(w2);
            //获取整个浏览器真实大小(包括任务栏),ie9以下不支持
            var width=window.outerWidth;
            var height=window.outerHeight;
            console.log(‘window属性‘,width,height);
//滚动条滚动的距离(窗口的位置)
            var x=window.pageXOffset||document.documentElement.scrollLeft;//横向滚动条滚动的距离
            var y=window.pageYOffset||document.documentElement.scrollTop;//纵向滚动条滚动距离

浏览器宽高//滚动条获取

原文:https://www.cnblogs.com/GreenRadish/p/11134810.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!