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

首頁 > 語言 > JavaScript > 正文

document.compatMode的CSS1compat使用介紹

2024-05-06 16:03:39
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了document.compatMode的CSS1compat使用,需要的朋友可以參考下

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


瀏覽器的兼容性表



歷史原因:

當早期的瀏覽器Netscape 4和Explorer 4對css進行解析時,并未遵守W3C標準,這時的解析方式就被我們稱之為quirks mode(怪異模式),但隨著W3C的標準越來越重要,眾多的瀏覽器開始依照W3C標準解析CSS,仿照W3C標準解析CSS的模式我們叫做strict mode(嚴格模式)
firefly
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 阿克苏市| 武汉市| 昌黎县| 康乐县| 颍上县| 渑池县| 壶关县| 神农架林区| 新干县| 嘉鱼县| 平邑县| 甘孜| 大洼县| 利川市| 泗洪县| 弋阳县| 庆元县| 慈溪市| 阿合奇县| 洛隆县| 安塞县| 聂拉木县| 彩票| 隆安县| 霸州市| 武汉市| 云阳县| 疏勒县| 南平市| 嘉峪关市| 曲周县| 西丰县| 永清县| 高雄县| 榆社县| 通海县| 信丰县| 娱乐| 洛阳市| 天镇县| 潜山县|