jQuery教程:检测网页标准的W3C盒子模型


盒子模型分为两类,一类是W3C盒子模型,另一类是IE盒子模型。两者最根本的区别在于,属性Height与Width这两个值是否包含padding与border。W3C盒子模型不包含padding与border,仅值内容和Height和Width,而IE盒子模型包含padding与border。

在jQuery中,可以通过jQuery.support.boxModel对象返回的属性值,确定是否是标准的W3C盒子模型,该方法返回一个布尔值,如果是true表示是W3C盒子模型,否则,则不是W3C盒子模型。

下面是检测页面是否是W3C盒子模型的示例:

<div id="tip"></div>
<script>
    $(function () {
        var boxModel = "您打开的页面是:";
        if ($.support.boxModel) {
            boxModel += "W3C盒子模型";
        } else {
            boxModel += "IE盒子模型"
        }
        $("#tip").html(boxModel);
    })
</script>

« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3