GORAGOD.com

อ่านขนาดของวินโดวส์ด้วย Javascript

   การอ่านขนาดของ Windows มีความแตกต่างกันในแต่ละ Browser ครับ ในการอ่าน จึงต้องทำการตรวจสอบชนิดของ Browser ให้เรียบร้อยก่อนการอ่านครับ

Properties ที่รองรับกับ browser ต่างๆ
Browser window.
innerHeight
document.
body.
clientHeight
document.
documentElement.
clientHeight
Opera 9.5+ strict window document window
Opera 9.5+ quirks window window document
Opera 7-9.2 window window document
Opera 6 window window N/A
Mozilla strict window document window
Mozilla quirks window window document
KHTML window document document
Safari window document document
iCab 3 window document document
iCab 2 window window N/A
IE 6+ strict N/A document window
IE 5-7 quirks N/A window 0
IE 4 N/A window N/A
ICEbrowser window window document
Tkhtml Hv3 window window document
Netscape 4 window N/A N/A

   ตัวอย่างฟังก์ชั่น Javascript สำหรับแสดงขนาดของ Windows (Cross Browser)

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

ตัวอย่าง