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 编程笔记 无名函数
Jun 28 Javascript
JS正则表达式比较常见用法
Jan 26 Javascript
常用的js验证和数据处理总结
Aug 02 Javascript
JavaScript判断浏览器及其版本信息
Jan 20 Javascript
Angular 4依赖注入学习教程之ValueProvider的使用(七)
Jun 04 Javascript
vue router demo详解
Oct 13 Javascript
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
Vue精简版风格指南(推荐)
Jan 30 Javascript
简单介绍react redux的中间件的使用
Apr 06 Javascript
Vue CLI3 如何支持less的方法示例
Aug 29 Javascript
vue中的使用token的方法示例
Mar 10 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
Sep 09 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 - Html Transfer Code
2006/10/09 PHP
php urlencode()与urldecode()函数字符编码原理详解
2011/12/06 PHP
php命令行用法入门实例教程
2014/10/27 PHP
ThinkPHP框架使用redirect实现页面重定向的方法实例分析
2018/04/12 PHP
jQuery 页面载入进度条实现代码
2009/02/08 Javascript
滚动图片效果 jquery实现回旋滚动效果
2013/01/08 Javascript
jquery自定义滚动条插件示例分享
2014/02/21 Javascript
详解Bootstrap按钮
2016/01/04 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
JavaScript设计模式之单体模式全面解析
2016/09/09 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
2020/03/27 Javascript
jQuery DOM节点的遍历方法小结
2017/08/15 jQuery
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
2017/10/19 Javascript
Vue封装Swiper实现图片轮播效果
2018/02/06 Javascript
基于Vuejs的搜索匹配功能实现方法
2018/03/03 Javascript
node将geojson转shp返回给前端的实现方法
2019/05/29 Javascript
Layui实现带查询条件的分页
2019/07/27 Javascript
vue集成chart.js的实现方法
2019/08/20 Javascript
解决vue 退出动画无效的问题
2020/08/09 Javascript
Vue实现摇一摇功能(兼容ios13.3以上)
2021/01/26 Vue.js
[18:20]DOTA2 HEROS教学视频教你分分钟做大人-昆卡
2014/06/11 DOTA
[56:24]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第二局
2016/03/04 DOTA
在Linux命令行终端中使用python的简单方法(推荐)
2017/01/23 Python
Python爬取十篇新闻统计TF-IDF
2018/01/03 Python
Python 按字典dict的键排序,并取出相应的键值放于list中的实例
2019/02/12 Python
把django中admin后台界面的英文修改为中文显示的方法
2019/07/26 Python
Python如何解除一个装饰器
2020/08/07 Python
One.com挪威:北欧成长最快的网络托管公司
2016/11/19 全球购物
HolidayLettings英国:预订最好的度假公寓、别墅和自助式住宿
2019/08/27 全球购物
一些.net面试题
2014/10/06 面试题
党日活动总结
2014/05/07 职场文书
艺术设计专业毕业生推荐信
2014/07/08 职场文书
幼儿园托班开学寄语(2015秋季)
2015/05/27 职场文书
2016应届大学生自荐信模板
2016/01/28 职场文书
大学生奖学金获奖感言(范文)
2019/08/15 职场文书
创业计划书之酒厂
2019/10/14 职场文书