一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

javascript document.compatMode兼容性

IE對(duì)盒模型的渲染在 Standards Mode和Quirks Mode是有很大差別的,在Standards Mode下對(duì)于盒模型的解釋和其他的標(biāo)準(zhǔn)瀏覽器是一樣,但在Quirks Mode模式下則有很大差別,而在不聲明Doctype的情況下,IE默認(rèn)又是Quirks Mode。所以為兼容性考慮,我們可能需要獲取當(dāng)前的文檔渲染方式。

document.compatMode正好派上用場(chǎng),它有兩種可能的返回值:BackCompat和CSS1Compat。

BackCompat:標(biāo)準(zhǔn)兼容模式關(guān)閉。瀏覽器客戶區(qū)寬度是document.body.clientWidth;CSS1Compat:標(biāo)準(zhǔn)兼容模式開啟。 瀏覽器客戶區(qū)寬度是document.documentElement.clientWidth。

那么寫了個(gè)準(zhǔn)確獲取網(wǎng)頁(yè)客戶區(qū)的寬高、滾動(dòng)條寬高、滾動(dòng)條Left和Top的代碼:
復(fù)制代碼 代碼如下:
if (document.compatMode == "BackCompat") {
cWidth = document.body.clientWidth;
cHeight = document.body.clientHeight;
sWidth = document.body.scrollWidth;
sHeight = document.body.scrollHeight;
sLeft = document.body.scrollLeft;
sTop = document.body.scrollTop;
}
else { //document.compatMode == "CSS1Compat"
cWidth = document.documentElement.clientWidth;
cHeight = document.documentElement.clientHeight;
sWidth = document.documentElement.scrollWidth;
sHeight = document.documentElement.scrollHeight;
sLeft = document.documentElement.scrollLeft == 0 ? document.body.scrollLeft : document.documentElement.scrollLeft;
sTop = document.documentElement.scrollTop == 0 ? document.body.scrollTop : document.documentElement.scrollTop;
}

JavaScript技術(shù)javascript document.compatMode兼容性,轉(zhuǎn)載需保留來源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 久久综合干 | 色婷婷久久综合中文久久一本 | 成人免费午夜视频 | 亚洲精品小视频 | 色多多www视频在线观看免费 | 色哟哟在线播放 | 国产高清小视频 | 中文字幕 国产 | 亚洲图片欧美日韩 | 国产精品香蕉成人网在线观看 | 在线视频www | 日韩美女在线视频 | 中文字幕专区在线亚洲 | 日本在线观看www免费 | 久久久91精品国产一区二区 | 久久精品大全 | 国产成人精选免费视频 | 亚洲免费色视频 | 久久婷婷成人综合色 | 国产精品视频一区牛牛视频 | 激情综合网五月激情 | 国产麻豆成91| sihu国产午夜精品一区二区三区 | 91精品视频免费在线观看 | 日本一区二区三区久久久 | 二区久久国产乱子伦免费精品 | 在线观看精品视频网站www | 天天爱天天做色综合 | 国产成人精品久久亚洲高清不卡 | 日本在线视频www色 日本在线视频免费观看 | 国产熟睡乱子伦视频观看软件 | 中文字幕亚洲日韩无线码 | 亚洲天堂色网站 | se色综合视频 | 国产亚洲福利 | 香蕉成人国产精品免费看网站 | 一区二区三区中文国产亚洲 | 国产视频网站在线 | 牛牛热在线视频 | 中文字幕va一区二区三区 | 精品久久亚洲一级α |