DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> jQuery教程:檢測網頁標准的W3C盒子模型
jQuery教程:檢測網頁標准的W3C盒子模型
編輯:關於JavaScript     

盒子模型分為兩類,一類是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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved