JS兼容方式获取浏览器的宽度

时间:2014-05-13 07:37:26   收藏:0   阅读:394
<script type="text/javascript">
        
        //need to wait until onload so body is available    
        window.onload = function(){
        
            function getWindowWidth(){
                if (window.innerWidth){
                    return window.innerWidth;
                } else if (document.documentElement.clientWidth){
                    return document.documentElement.clientWidth;
                } else if (document.body.clientWidth){
                    return document.body.clientWidth;
                }
            }
            
                    
            //determine if the browser has Netscape-style plugins
            var hasNSPlugins = !!(navigator.plugins && navigator.plugins.length);
            
            //determine if the browser has basic DOM Level 1 capabilities
            var hasDOM1 = !!(document.getElementById && document.createElement && 
                           document.getElementsByTagName);
            
            alert("Window width: " + getWindowWidth());
            alert("Supports Netscape plugins? " + hasNSPlugins);
            alert("Supports Core DOM 1? " + hasDOM1);
        }
    </script>

JS兼容方式获取浏览器的宽度,布布扣,bubuko.com

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!