Javascript 屏幕宽度与可见部分

Javascript 屏幕宽度与可见部分,javascript,screen,Javascript,Screen,我对JavaScript有一个小问题,为了获得屏幕宽度,我们使用screen.width返回总体屏幕分辨率,是否有命令来获得浏览器可见部分的分辨率,比如当浏览器没有最大化时 function width(){ return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0; } function height

我对JavaScript有一个小问题,为了获得屏幕宽度,我们使用screen.width返回总体屏幕分辨率,是否有命令来获得浏览器可见部分的分辨率,比如当浏览器没有最大化时

function width(){
   return window.innerWidth 
       || document.documentElement.clientWidth 
       || document.body.clientWidth 
       || 0;
}

function height(){
   return window.innerHeight 
       || document.documentElement.clientHeight 
       || document.body.clientHeight 
       || 0;
}
使用它们返回可见窗口的
height()
width()


您描述的区域是视口,通常可以在现代浏览器中使用窗口.innerWidth窗口.innerHeight访问。IE6有点不同,但是关于处理所有浏览器的视口宽度的更多信息可以在中找到。

我看到这个问题得到了回答,但下面是我用图像来说明的代码

function height(){
return(window.innerHeight)?
window.innerHeight:
document.documentElement.clientHeight||document.body.clientHeight||0;
}
$(document).ready(function(){
$('.first, .second').css('height',height());
});
$(window).resize(function() {
$('.first, .second').css('height',height());
});

谢谢您,先生,window.innerWidth和window.innerHeight是我想要的,它很管用!但是为什么要编写所有其他代码?@jcc不需要使用三元运算符两次写入window.innerWidth。只需使用| |:
返回window.innerWidth | document.documentElement.clientWidth | document.body.clientWidth | 0
在原始代码中,我检查了window.innerWidth是否是一个数字,但我太懒了,无法将它从我的框架转换为纯JS.Cleaner,我想,但它的功能完全相同。