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 相关文章推荐
JavaScript的面向对象(一)
Nov 09 Javascript
一份老外写的XMLHttpRequest代码多浏览器支持兼容性
Jan 11 Javascript
jquery插件制作 手风琴Panel效果实现
Aug 17 Javascript
基于JQuery的一句话搞定手风琴菜单
Sep 14 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
Jun 06 Javascript
JQuery页面地址处理插件jqURL详解
May 03 Javascript
javascript 中iframe高度自适应(同域)实例详解
May 16 Javascript
Vue前端开发规范整理(推荐)
Apr 23 Javascript
jQuery实现的自定义轮播图功能详解
Dec 28 jQuery
koa+mongoose实现简单增删改查接口的示例代码
May 13 Javascript
详解微信小程序图片地扯转base64解决方案
Aug 18 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
Nov 12 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可逆加密/解密函数分享
2012/09/25 PHP
php定界符
2014/06/19 PHP
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
PHP图像处理类库及演示分享
2015/05/17 PHP
详解PHP处理密码的几种方式
2016/11/30 PHP
PHP实现在数据库百万条数据中随机获取20条记录的方法
2017/04/19 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
用js实现手把手教你月入万刀(转贴)
2007/11/07 Javascript
jquery中输入验证中一个不错的效果
2010/08/21 Javascript
jQuery表格排序组件-tablesorter使用示例
2014/05/26 Javascript
JS实现简单易用的手机端浮动窗口显示效果
2016/09/07 Javascript
JS实现线性表的顺序表示方法示例【经典数据结构】
2017/04/11 Javascript
深入理解nodejs中Express的中间件
2017/05/19 NodeJs
VsCode新建VueJs项目的详细步骤
2017/09/23 Javascript
详解vue如何使用rules对表单字段进行校验
2018/10/17 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
2020/10/18 Javascript
[00:55]深扒TI7聊天轮盘语音出处3
2017/05/11 DOTA
[03:40]DOTA2抗疫特别篇《英雄年代》
2020/02/28 DOTA
python 判断一个进程是否存在
2009/04/09 Python
Python中列表、字典、元组、集合数据结构整理
2014/11/20 Python
Python中的字典遍历备忘
2015/01/17 Python
python处理html转义字符的方法详解
2016/07/01 Python
浅谈Python使用Bottle来提供一个简单的web服务
2017/12/27 Python
python实现字符串加密 生成唯一固定长度字符串
2019/03/22 Python
Ubuntu16.04安装python3.6.5步骤详解
2020/01/10 Python
Python使用ElementTree美化XML格式的操作
2020/03/06 Python
TensorFlow打印输出tensor的值
2020/04/19 Python
基于python3.7利用Motor来异步读写Mongodb提高效率(推荐)
2020/04/29 Python
amazeui时间组件的实现示例
2020/08/18 HTML / CSS
夏威夷航空官网:Hawaiian Airlines
2016/09/11 全球购物
优秀演讲稿范文
2013/12/29 职场文书
医院实习介绍信
2014/01/12 职场文书
中考标语大全
2014/06/05 职场文书
服务标语口号
2014/07/01 职场文书
应届生们该怎么书写求职信?
2019/07/05 职场文书
Alexa停服!网站排名将何去何从?目前还没有替代品。
2022/04/15 杂记