GORAGOD.com

freelance, web developer, web designer, hosting, domain name

อ่านขนาดของวินโดวส์ด้วย 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>

ตัวอย่าง

0SHAREFacebookLINE it!
^