获取浏览器宽度和高度排除工具栏和菜单大小

我需要一个Js/JQuery脚本，它返回浏览器的可用宽度和高度，不包括菜单栏和工具栏大小，我使用一个脚本，但它似乎正在返回宽度/高度包括工具栏等...获取浏览器宽度和高度排除工具栏和菜单大小

下面

的脚本我用..

<script type="text/javascript" > 
var winWidth = 0, winHeight = 0; 
     if (typeof (window.innerWidth) == 'number') { 
      //Non-IE 
      winWidth = window.innerWidth; 
      winHeight = window.innerHeight; 
     } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { 
      //IE 6+ in 'standards compliant mode' 
      winWidth = document.documentElement.clientWidth; 
      winHeight = document.documentElement.clientHeight; 
     } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { 
      //IE 4 compatible 
      winWidth = document.body.clientWidth; 
      winHeight = document.body.clientHeight; 
     } 
</script>

任何机构对此有什么线索？谢谢 Meghana

来源

2012-02-22 meghana

使用jQuery，你可以有以下几种：

$(window).height(); // returns height of browser viewport 
$(document).height(); // returns height of HTML document

来源

2012-02-22 15:15:40 Ashraf

谢谢@Mathboy，但我知道我的帖子如果不符合我的要求......我在添加新帖子... plz帮助我，如果您有任何想法以及:) – meghana 2012-02-23 07:30:33

您的代码应返回浏览器窗口的可用大小。在我的情况下，在1920x1200的显示器上，我获得了1920x1106。我的任务栏高40像素，因此窗口的标题栏留下54px。

来源

2012-02-22 15:14:54

你是对的，我再次检查了我的代码，它返回我浏览器的高度/宽度不包括工具栏等。其实，我有用户的屏幕分辨率，并需要浏览宽度/高度。我需要做一些与用户屏幕分辨率成比例的计算，但它不会重新调整我的正确结果。现在我知道了......我需要浏览器窗口的宽度/高度，包括工具栏和ect ......与我目前的帖子完全相反:)。所以我应该做另一个帖子.. PLZ帮助我，以及如果有任何想法。再次感谢。 – meghana 2012-02-23 07:27:31

'screen.width'和'screen.height'会给你用户的屏幕分辨率。 – 2012-02-23 15:28:10

尝试：

<input type='button' id='btn1' value='test'/> 

$('#btn1').click(function(){ 
alert($(window).width());  
});

见http://jsfiddle.net/Pu2Ej/

来源

2012-02-22 15:19:05

谢谢@Bui Cuong，但我来知道我的帖子，如果不是按照我的要求...我添加新帖子... PLZ帮助我，如果你有任何想法以及:) – meghana 2012-02-23 07:31:02

获取浏览器宽度和高度排除工具栏和菜单大小

回答

相关问题