jQuery 工具类函数-检测浏览器是否属于W3C盒子模型

浏览器的盒子模型分为两类,一类为标准的w3c盒子模型,另一类为IE盒子模型,两者区别为在Width和Height这两个属性值中是否包含padding和border的值,w3c盒子模型不包含,IE盒子模型则包含,而在jQuery 中,可以通过$.support.boxModel对象返回的值,检测浏览器是否属于标准的w3c盒子模型。

<body>
    <div id="divtest">
        <div class="title">
            <span class="fl">检测是否是盒子模型</span> 
        </div>
        <div class="content"></div>
    </div>
    <script type="text/javascript">
        $(function () {
            var strTmp = "您打开的页面是:";
            if ($.support.boxModel) { //是W3C盒子模型
                strTmp += "W3C盒子模型";
            }
            else { //是IE盒子模型
                strTmp += "IE盒子模型";
            }
            $(".content").html(strTmp);
        });
    </script>
</body>

 

posted @ 2014-11-27 09:08  落日知暮  阅读(206)  评论(0编辑  收藏  举报
作者:boyzi007 出处:http://www.cnblogs.com/boyzi/ QQ:470797533 QQ交流群:364307742 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。