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

//浏览器窗口的大小
            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;//纵向滚动条滚动距离

猜你喜欢

转载自www.cnblogs.com/GreenRadish/p/11134810.html
今日推荐