国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

document.compatMode的CSS1compat使用介紹

2019-11-20 20:52:43
字體:
來源:轉載
供稿:網友
document.compatMode

BackCompat:標準兼容模式關閉。瀏覽器寬度:document.body.clientWidth;

CSS1Compat:標準兼容模式開啟。 瀏覽器寬度:document.documentElement.clientWidth。
復制代碼 代碼如下:

var d = document,
  dd = d.documentElement,
  db = d.body,
  dc = d.compatMode == 'CSS1Compat',
  dx = dc ? dd: db;

cWidth = dx.clientWidth;

cHeight = dx.clientHeight;

sWidth = dx.scrollWidth;

sHeight = dx.scrollHeight;

sLeft = dx.scrollLeft;

sTop = dx.scrollTop;


在Standars mode中:

元素真正的寬度 = margin-left + border-left-width + padding-left + width + padding-right + border-right-width + margin-right;

在Quirks mode中:

width則是元素的實際寬度,內容寬度 = width - (margin-left + margin-right + padding-left + padding-right + border-left-width + border-right-width)

在js中如何判斷當前瀏覽器正在以何種方式解析?
document對象有個屬性compatMode ,它有兩個值:

BackCompat 對應quirks mode
CSS1Compat 對應strict mode


瀏覽器的兼容性表

http://www.quirksmode.org/compatibility.html

歷史原因:

當早期的瀏覽器Netscape 4和Explorer 4對css進行解析時,并未遵守W3C標準,這時的解析方式就被我們稱之為quirks mode(怪異模式),但隨著W3C的標準越來越重要,眾多的瀏覽器開始依照W3C標準解析CSS,仿照W3C標準解析CSS的模式我們叫做strict mode(嚴格模式)
firefly
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 疏勒县| 嘉鱼县| 长武县| 夏河县| 曲靖市| 滁州市| 勐海县| 贵定县| 共和县| 长治县| 海宁市| 淳安县| 海丰县| 仙游县| 保定市| 武川县| 长治市| 江安县| 大兴区| 德保县| 汽车| 确山县| 本溪| 五原县| 敖汉旗| 土默特左旗| 阜城县| 谷城县| 佛学| 武义县| 鲁甸县| 舞阳县| 玉田县| 遂宁市| 孝昌县| 长顺县| 镇远县| 临高县| 黄陵县| 彩票| 武鸣县|