网页制作之检测网页标准的W3C盒子模型

↑上一篇:网页制作技巧CSS网页布局中文排版心得
↓下一篇:网站制作之根据不同页面分别加载不同 CSS   

盒子模型分为两类,一类是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>

广州网页制作 网页制作之检测网页标准的W3C盒子模型天传网络 http://www.snl.cn 

发布时间:2013-4-11  修改时间:2013-4-11  点击次数:  
↑上一篇:网页制作技巧CSS网页布局中文排版心得
↓下一篇:网站制作之根据不同页面分别加载不同 CSS   
相关文章:
网友评论: