JQuery 确定css方框模型(盒模型Box Model)


Posted in Javascript onJanuary 22, 2010

如果页面包含有效的DOCTYPE声明,则以严格模式呈现。
如果页面没有DOCTYPE声明或没有有效的DOCTYPE声明,则以兼容模式呈现。
下面将一个两种模式的区别,两种呈现模式的主要差别是对元素width和height样式的计算上。如下面的样式

{ 
width:180px; 

height:72px; 

padding:10px; 

bording-width:5px; 
}

在W3C的严格模式下,元素的内容显示的范围是180*72px。内边距和边框在180*72像素的范围之外。所以整个元素的覆盖面积是:width:180 + 10*2 + 5*2 = 210px,height:72 +10*2 + 5*2 =102px。
在IE的兼容模式下整个元素的覆盖面积为180*72像素。内容的大小减小到宽度180 - 10*2 - 5*2=150px,高度72 - 10*2 - 5*2 =32px。
是用JQuery判断Box Modal的方法很简单。是通过bool类型的$.boxModel标志。如果页面是用的是W3C标准的模型,返回true.否则返回false。
Javascript 相关文章推荐
通过action传过来的值在option获取进行验证的方法
Nov 14 Javascript
javascript使用prototype完成单继承
Dec 24 Javascript
jQuery中:eq()选择器用法实例
Dec 29 Javascript
分享一则JavaScript滚动条插件源码
Mar 03 Javascript
JS+CSS实现下拉列表框美化效果(3款)
Aug 15 Javascript
jQuery实现右侧显示可向左滑动展示的深色QQ客服效果代码
Oct 23 Javascript
javascript实现dom元素可拖动
Mar 21 Javascript
angularJS 如何读写缓冲的方法(推荐)
Aug 06 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
Aug 23 Javascript
关于axios如何全局注册浅析
Jan 14 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
Sep 30 Javascript
js针对图片加载失败的处理方法分析
Aug 24 Javascript
Jquery实战_读书笔记2 选择器
Jan 22 #Javascript
Jquery实战_读书笔记1—选择jQuery
Jan 22 #Javascript
jquery last-child 列表最后一项的样式
Jan 22 #Javascript
javascript 拖放效果实现代码
Jan 22 #Javascript
JAVASCRIPT style 中visibility和display之间的区别
Jan 22 #Javascript
javascript 获取url参数和script标签中获取url参数函数代码
Jan 22 #Javascript
JavaScript 学习笔记(十三)Dom创建表格
Jan 21 #Javascript
You might like
两种php调用Java对象的方法
2006/10/09 PHP
zf框架的数据库追踪器使用示例
2014/03/13 PHP
基于递归实现的php树形菜单代码
2014/11/19 PHP
如何解决PHP无法实现多线程的问题
2015/09/25 PHP
使用Yii2实现主从数据库设置
2016/11/20 PHP
PHP+MYSQL实现读写分离简单实战
2017/03/13 PHP
获取当前网页document.url location.href区别总结
2008/05/10 Javascript
jquery实现控制表格行高亮实例
2013/06/05 Javascript
javascript间隔刷新的简单实例
2013/11/14 Javascript
JavaScript获取XML数据附示例截图
2014/03/05 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
vue cli2.0单页面title修改方法
2018/06/07 Javascript
微信小程序实现留言板
2018/10/31 Javascript
vue-for循环嵌套操作示例
2019/01/28 Javascript
js实现json数组分组合并操作示例
2019/02/12 Javascript
JS实现查找数组中对象的属性值是否存在示例
2019/05/24 Javascript
vue计算属性无法监听到数组内部变化的解决方案
2019/11/06 Javascript
Node.js学习之内置模块fs用法示例
2020/01/22 Javascript
解决Vue大括号字符换行踩的坑
2020/11/09 Javascript
Vertx基于EventBus发送接受自定义对象
2020/11/16 Javascript
详解利用Python scipy.signal.filtfilt() 实现信号滤波
2019/06/05 Python
python写入文件自动换行问题的方法
2019/07/05 Python
Python Numpy数组扩展repeat和tile使用实例解析
2019/12/09 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
Python中生成ndarray实例讲解
2021/02/22 Python
HTML5 创建canvas元素示例代码
2014/06/04 HTML / CSS
GUESS西班牙官方网上商城:美国服饰品牌
2017/03/15 全球购物
Noon埃及:埃及在线购物
2019/11/26 全球购物
英国豪华装饰照明品牌的在线零售商:Inspyer Lighting
2019/12/10 全球购物
触发器(trigger)的功能都有哪些?写出一个触发器的例子
2012/09/17 面试题
领导干部民主生活会自我剖析材料范文
2014/09/20 职场文书
房屋登记授权委托书范本
2014/10/09 职场文书
答辩状格式范本
2015/05/22 职场文书
幼儿园托班开学寄语(2015秋季)
2015/05/27 职场文书
postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍
2022/01/18 HTML / CSS
避坑之 JavaScript 中的toFixed()和正则表达式
2022/04/19 Javascript