zoukankan      html  css  js  c++  java
  • document.compatMode

    今天接手打点广告业务,看代码时发现了document.compatMode方法,故此处对其用法做个记录

    1.document.compatMode返回的是当前浏览器解析html文件所用的模式;这个方法主要用在浏览器兼容方面。

    众所周知,IE的ie6,ie7,ie8在混杂模式(quriks mode)下的盒模型与W3C的盒模型有所不同

    2.document.compatMode的返回值有两种:

    1. BackCompat :代表的是混杂模式(Quriks Mode)

    2. CSS1Compat:代表的是标准模式(Standards Mode)

    • 建议在html的开头写清声明Doctype,使得解析模式在标准模式下;

    • html5的声明方式<!Doctype html>,在ie11和Chrome49下的compatMode都是CSS1Compat。

    不同compatMode模式下的浏览器尺寸获取

    • 当document.compatMode为BackCompat时,浏览器客户区宽度为: document.body.clientWidth;

    • 当document.compatMode为CSS1Compat时,浏览器客户区宽度为: document.documentElement.clientWidth.

    浏览器客户区高度clientHeight、可视区宽度clientWidth、滚动条高度scrollHeight、滚动条的scrollLeft、滚动条的scrollTop都是类似的

  • 相关阅读:
    输入属性,输出属性
    angular响应式表单
    angular 响应式表单指令
    c++ Primer
    CString 操作函数
    字符串分割strtok_s
    LPSTR LPTSTR
    CString分割切分
    CStringArray
    十进制
  • 原文地址:https://www.cnblogs.com/shixiaomiao/p/5413792.html
Copyright © 2011-2022 走看看