Question

我需要一个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

Answer 1

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

Answer 2

使用jQuery，您可以拥有以下内容：

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

Answer 3

尝试：

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

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

请参阅http://jsfiddle.net/Pu2Ej/

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

3 个答案: