渲染模式
前端的同学都会听过怪异模式和标准模式,介绍这两个模式,还要从IE6的发布说起,话说IE6发布的时候,微软在IE6中增加了IE5里没有CSS标准特性,但是为了确保已有web内容在IE6上能正确显示,因此有了这两种不同的渲染模式。
下面分别来介绍下:
标准模式:CSScompat or Strict mode or Standars mode 也叫css兼容模式,在这种渲染模式下,浏览器对文档的渲染要遵循css标准
怪异模式:Quirks mode or Compatibility Mode 这种渲染模式开启,浏览器渲染页面会按照IE4和IE5中的渲染模式渲染页面
1、如何选择渲染模式呢?
渲染模式的选择依赖于html页面顶部的DOCTYPE声明。没有DOCTYPE声明的web页面,IE6及以上会按照怪异模式渲染;对于那些指定DOCTYPE声明web页面,浏览器会具体按照何种方式渲染页面,具体参考http://hsivonen.iki.fi/doctype/
2、javascript如何判断浏览器渲染方式:
通常使用document.compatMode对渲染模式这一特性进行检测,如果值为CSS1Compat,则是标准模式,值为BackCompat或者undefiend则为怪异模式。所有现代浏览器都实现了compatMode属性。
3、jquery如何判断浏览器渲染方式:
$.support.boxModel 如果返回true则为标准模式
$.boxModel 如果返回true则为标准模式
posted on 2013-08-15 17:39 chilebaby 阅读(1010) 评论(0) 编辑 收藏 举报