文章分类
HTML/CSS Flash教程 Fireworks教程 Dreamweave JavaScript 网站推广 网页理论 其他教程 视频教程
 产品搜索
关键字: 分类:

整站搜索:
最新更新资源:
海量设计素材
韩国网页设计模板
高清PSD素材库
Flash网站模板
设计素材图库:
婚纱影楼模板
韩国卡通图库
VIS模板
版式画册模板

最新素材图库



当前位置:首页 >> 网页教程>> JavaScript >> jQuery教程:检测网页标准的W3C盒子模型

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


作者: 佚名 来源:网络 浏览:1 日期:2012-6-4 23:42:58

网页制作Webjx文章简介:在jQuery中,可以通过jQuery.support.boxModel对象返回的属性值,确定是否是标准的W3C盒子模型,该方法返回一个布尔值,如果是true表示是W3C盒子模型,否则,则不是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>

上一篇:select()方法选择文本框中的所有文本 下一篇:jQuery实例教程:制作网页中可折叠的面板
【关闭窗口】 【返回顶部】返回网页教程】 【返回JavaScript

相关推荐文章

WEBJX收集非常有用..

JS实例教程:全兼容可..

JS特效代码:图片点击..

WEBJX收集整理非常..

图片预加载并且自动等比..

javascr..

滑动导航菜单的变体使用


关于本站 | 广告服务 | 联系我们 | 站长微博 | 活动支持 | 友情链接 | 投稿热线 | 网站地图
版权所有 Copyright@ 2005 设计路上 QQ技术讨论群 24980615(已满) 5204059(已满) 4337615(已满)
业务联系Email:huchuangwu@hotmail.com 粤ICP备05029101号