获取浏览器可视区域,考虑多个浏览器兼容性

<script type="text/JavaScript" language="javascript">
function fnGetWidthHeight() {
     var viewportwidth;
     var viewportheight;
     // 支持(mozilla/netscape/opera/chrome/IE7)
     if (typeof window.innerWidth != 'undefined') {
     viewportwidth = window.innerWidth;
     viewportheight = window.innerHeight;
     }
    // 支持(IE6)
     else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' &&              document.documentElement.clientWidth != 0) {
      viewportwidth = document.documentElement.clientWidth;
     viewportheight = document.documentElement.clientHeight;
    }
    // 支持其他浏览器
    else {
         viewportwidth = document.getElementsByTagName('body')[0].clientWidth;
         viewportheight = document.getElementsByTagName('body')[0].clientHeight;
    }
    alert('Your viewport width & height is ' + viewportwidth + 'x' + viewportheight);
    }
     fnGetWidthHeight();

posted @ 2017-06-09 10:03  wencome!!!on  阅读(282)  评论(0编辑  收藏  举报