首页 > 代码库 > 浏览器的渲染模式
浏览器的渲染模式
浏览器渲染模式分为2种,一种是 怪癖模式[Quirksmode] 和 标准模式 [Standars mode]。
怪癖模式和标准模式有几点比较重要的区别:
1.声明上,当页面没有!doctype声明或者!doctype声明中没有HTML4以上(包含HTML4)的DTD声明,则页面以quirks mode渲染,其他情况则以sdandars mode渲染。
2.怪癖模式和标准模式在盒模型上有很大的区别
怪癖模式:
盒模型的宽度=margin-left + width + margin-right
盒模型的高度=margin-top + width + margin-bottom
获页面宽度和高度的js代码:
cWidth=document.body.scrollWidth;cHeight=document.body.scrollHeight;
标准模式:
盒模型的宽度=margin-left + border-left + padding-left + width + padding-right + border-right + margin-right
盒模型的高度请自行脑补。。
获取页面宽度和高度的js代码:
cWidth=document.documentElement.scrollWidth;cHeight=document.documentElement.scrollHeight;
3.用js检测浏览器的渲染模式的方式:
alert(document.compatMode );
输出有两个可能值: BackCompat --怪癖模式
CSS1Compat --标准模式
附:获取浏览器高度和宽度js代码
function getBrowerSize(){ var cWidth,cHeight; if(document.compatMode=="BackCompat"){ cWidth=document.body.scrollWidth; cHeight=document.body.scrollHeight; } else{ cWidth=document.documentElement.scrollWidth; cHeight=document.documentElement.scrollHeight; } return {"width="+cWidth+"px","height="+cHeight+"px"};}
浏览器的渲染模式
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。