獲取瀏覽器寬度和高度排除工具欄和菜單大小

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

獲取瀏覽器寬度和高度排除工具欄和菜單大小

回答

相關問題