ブラウザの幅と高さを除外するツールバーとメニューサイズ

Question

メニューバーとツールバーのサイズを除いてブラウザの利用可能な幅と高さを返すJs/JQueryスクリプトが必要ですが、1つのスクリプトを使用していますが、ツールバーの電気ショック療法を含む...以下

は、私が使用しているスクリプト..

<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> 

どれ体は、この上の任意の手掛かりを持っているのですか？ ありがとう メガナ

Answer 1

は、次を持つことができます。

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

Answer 2

あなたのコードは、ブラウザウィンドウの使用可能なサイズを返す必要があります。私の場合、1920x1200ディスプレイでは1920x1106になります。私のタスクバーの高さは40ピクセルなので、ウィンドウのタイトルバーには54ピクセルしか残らない。 jQueryのを使用して

Answer 3

試してみてください。

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

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

は、あなたが正しいですhttp://jsfiddle.net/Pu2Ej/