国产探花免费观看_亚洲丰满少妇自慰呻吟_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
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 绥江县| 阿拉善盟| 阜平县| 天镇县| 西贡区| 柘荣县| 贡觉县| 灌南县| 武陟县| 三门峡市| 德令哈市| 天水市| 蒙山县| 汝州市| 宜黄县| 军事| 黄冈市| 桑日县| 密山市| 晋宁县| 吉林市| 平南县| 沙坪坝区| 土默特左旗| 吴旗县| 高唐县| 洪江市| 仁怀市| 江津市| 尉氏县| 和顺县| 岱山县| 常熟市| 望奎县| 勃利县| 云南省| 五家渠市| 南投市| 唐海县| 金山区| 建昌县|