移动端获取当前屏幕的高度_原生js获取pc和移动端屏幕宽、高的方法

pc端：

var w = window.innerWidth

|| document.documentElement.clientWidth

|| document.body.clientWidth;

var h = window.innerHeight

|| document.documentElement.clientHeight

|| document.body.clientHeight;

移动端：

网页可见区域宽：document.body.clientWidth

网页可见区域高：document.body.clientHeight

网页可见区域宽：document.body.offsetWidth (包括边线的宽)

网页可见区域高：document.body.offsetHeight (包括边线的宽)

网页正文全文宽：document.body.scrollWidth

网页正文全文高：document.body.scrollHeight

网页被卷去的高：document.body.scrollTop

网页被卷去的左：document.body.scrollLeft

网页正文部分上：window.screenTop

网页正文部分左：window.screenLeft

屏幕分辨率的高：window.screen.height

屏幕分辨率的宽：window.screen.width

屏幕可用工作区高度：window.screen.availHeight

屏幕可用工作区宽度：window.screen.availWidth

例：

var w = window.innerWidth

|| document.documentElement.clientWidth //获取pc的宽，一般在pc上调试的时候用

|| document.body.clientWidth;

var h = window.innerHeight

|| document.documentElement.clientHeight  //获取pc的高

|| document.body.clientHeight;

var w1 = window.screen.width  //获取手机屏幕的宽 ，在实际上线的时候使用

window.onload = function(){

if(w < 415){

window.location.assign(‘tf/index.html‘);

}else{

window.location.assign(‘sh/index.html‘);

}

if(w1 < 415){

window.location.assign(‘tf/index.html‘);

}else{

window.location.assign(‘sh/index.html‘);

}

}

原文：https://www.cnblogs.com/hermit-gyqy/p/10695250.html