建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

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

时间:2012-03-11 13:34来源: 作者: 点击:
在jQuery中,可以通过jQuery.support.boxModel对象返回的属性值,确定是否是标准的W3C盒子模型,该方法返回一个布尔值,如果是true表示是W3C盒子模型,否则,则不是W3C盒子模型。 盒子模型分为两类,一类是W3C盒子模型,另一类是IE盒子模型。两者最根本的区别在于,属性Heig
在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>

  (责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片