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 相关文章推荐
JS 添加千分位与去掉千分位的示例
Jul 11 Javascript
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
Dec 16 Javascript
javascript动态创建链接的方法
May 13 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
Jun 10 Javascript
js的flv视频播放器插件使用方法
Jun 23 Javascript
Angular2下使用pdf插件的方法详解
Apr 29 Javascript
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
Jun 23 Javascript
vue项目移动端实现ip输入框问题
Mar 19 Javascript
前后端常见的几种鉴权方式(小结)
Aug 04 Javascript
webpack的pitching loader详解
Sep 23 Javascript
浅析js实现网页截图的两种方式
Nov 01 Javascript
js判断在哪个浏览器打开项目的方法
Jan 21 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的开合式多级菜单程序
2006/10/09 PHP
Windows下Apache + PHP SESSION丢失的解决过程全纪录
2015/04/07 PHP
PHP 年月日的三级联动实例代码
2017/05/24 PHP
总结一些PHP中好用但又容易忽略的小知识
2017/06/02 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
thinkPHP5框架接口写法简单示例
2019/08/05 PHP
点击标签切换和自动切换DIV选项卡
2014/08/10 Javascript
JS继承用法实例分析
2015/02/05 Javascript
JavaScript中5种调用函数的方法
2015/03/12 Javascript
浅析Javascript匿名函数与自执行函数
2016/02/06 Javascript
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
2016/05/03 Javascript
JS中如何实现复选框全选功能
2016/12/19 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
2017/01/25 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
vue cli webpack中使用sass的方法
2018/02/24 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【凹多边形的分离轴检测算法】
2018/12/13 Javascript
js实现图片局部放大效果详解
2019/03/18 Javascript
npm 语义版本控制详解
2019/09/10 Javascript
在Python的web框架中编写创建日志的程序的教程
2015/04/30 Python
python里使用正则表达式的组嵌套实例详解
2017/10/24 Python
详解python使用递归、尾递归、循环三种方式实现斐波那契数列
2018/01/16 Python
完美解决Python matplotlib绘图时汉字显示不正常的问题
2019/01/29 Python
python利用re,bs4,requests模块获取股票数据
2019/07/29 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
HTML+CSS3+JS 实现的下拉菜单
2020/11/25 HTML / CSS
澳大利亚床上用品、浴巾和家居用品购物网站:Bambury
2020/04/16 全球购物
毕业生精彩的自我评价分享
2013/10/06 职场文书
简历自荐信
2013/12/02 职场文书
打架检讨书100字
2014/01/08 职场文书
光荣入党自我鉴定
2014/01/22 职场文书
《望庐山瀑布》教学反思
2014/04/22 职场文书
个人对照检查材料思想汇报(四风问题)
2014/09/25 职场文书
车辆委托书范本
2014/10/05 职场文书
医生见习报告范文
2014/11/03 职场文书
Kubernetes关键组件与结构组成介绍
2022/03/31 Servers
SQL Server数据库备份和恢复数据库的全过程
2022/06/14 SQL Server