濮阳杆衣贸易有限公司

主頁(yè) > 知識(shí)庫(kù) > HTML文檔類(lèi)型詳解 推薦

HTML文檔類(lèi)型詳解 推薦

熱門(mén)標(biāo)簽:齊齊哈爾地圖標(biāo)注地點(diǎn) 縣域地圖標(biāo)注點(diǎn) 電銷(xiāo)機(jī)器人外呼失敗怎么回事 吃雞地圖標(biāo)注設(shè)置 邵陽(yáng)市地圖標(biāo)注app 400電話申請(qǐng)好不好 天津銷(xiāo)售電銷(xiāo)機(jī)器人公司 400電話座機(jī)怎么辦理 南寧銷(xiāo)售外呼系統(tǒng)線路商

我的是:<!DOCTYPE html>

博客園:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

關(guān)于HTML文檔類(lèi)型參考:http://i.wanz.im/2010/05/28/why_doctype_html/

檢查發(fā)現(xiàn)JS在獲取當(dāng)前頁(yè)面可視大小,和頁(yè)面滾動(dòng)位置有差別!
在頁(yè)面包含一個(gè)2000*2000的DIV是IE和Chrome在不同HTML文檔類(lèi)型測(cè)試整理數(shù)據(jù)如下:
標(biāo)準(zhǔn):<!DOCTYPE html>
特殊:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

當(dāng)HTML中未添加HTML文檔類(lèi)型時(shí),默認(rèn)為特殊模式!

Chrome標(biāo)準(zhǔn) Chrome特殊 IE標(biāo)準(zhǔn) IE特殊
document.body.clientTop; 0 0 0 2
document.body.clientLeft; 0 0 0 2
document.body.clientWidth; 473 473 471 471
document.body.clientHeight; 2000 625 2000 604
document.body.scrollTop; 224 289 0 255
document.body.scrollLeft; 315 388 0 278
document.body.scrollWidth; 2005 2005 2005 2010
document.body.scrollHeight; 2010 2010 2000 2005
document.body.offsetTop; 0 0 0 0
document.body.offsetLeft; 0 0 0 0
document.body.offsetWidth; 473 473 471 492
document.body.offsetHeight; 2000 2000 2000 625
document.documentElement.clientTop; 0 0 0 0
document.documentElement.clientLeft; 0 0 0 0
document.documentElement.clientWidth; 473 473 471 0
document.documentElement.clientHeight; 625 2010 604 0
document.documentElement.scrollTop; 0 0 199 0
document.documentElement.scrollLeft; 0 0 241 0
document.documentElement.scrollWidth; 2005 2005 2005 492
document.documentElement.scrollHeight; 2010 2010 2010 625
document.documentElement.offsetTop; 0 0 0 0
document.documentElement.offsetLeft; 0 0 0 0
document.documentElement.offsetWidth; 473 473 492 492
document.documentElement.offsetHeight; 2010 2010 625 625

分析:

頁(yè)面總寬度:document.body.scrollWidth;
頁(yè)面總高度:document.body.scrollHeight;
Chrome頁(yè)面位置:document.body.scrollTop; document.body.scrollLeft;
Chrome標(biāo)準(zhǔn)頁(yè)面可視區(qū)域:document.documentElement.clientWidth; document.documentElement.clientHeight;
Chrome特殊頁(yè)面可視區(qū)域:document.body.clientWidth; document.body.clientHeight;
IE標(biāo)準(zhǔn)頁(yè)面位置:document.documentElement.scrollTop; document.documentElement.scrollLeft;
IE標(biāo)準(zhǔn)頁(yè)面可視區(qū)域:document.documentElement.clientWidth; document.documentElement.clientHeight;
IE特殊頁(yè)面位置:document.body.scrollTop; document.body.scrollLeft;
IE特殊頁(yè)面可視區(qū)域:document.body.clientWidth; document.body.clientHeight;
JS代碼如下:

復(fù)制代碼
代碼如下:

function getSize() {
var obj = new Object();
obj.allWidth = document.body.scrollWidth;
obj.allHeight = document.body.scrollHeight;
if (-[1, ]) { //非IE
obj.top = document.body.scrollTop;
obj.left = document.body.scrollLeft;
if (document.compatMode === 'CSS1Compat') {
obj.width = document.documentElement.clientWidth;
obj.height = document.documentElement.clientHeight;
}
else {
obj.width = document.body.clientWidth;
obj.height = document.body.clientHeight;
}
} else {
if (document.compatMode === 'CSS1Compat') {
obj.width = document.documentElement.clientWidth;
obj.height = document.documentElement.clientHeight;
obj.top = document.documentElement.scrollTop;
obj.left = document.documentElement.scrollLeft;
}
else {
obj.width = document.body.clientWidth;
obj.height = document.body.clientHeight;
obj.top = document.body.scrollTop;
obj.left = document.body.scrollLeft;
}
}
alert(obj.top);
alert(obj.left);
alert(obj.width);
alert(obj.height);
return obj;
}

注:發(fā)現(xiàn)博客園首頁(yè)的HTML文檔類(lèi)型為:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
為什么和隨筆展示頁(yè)不一樣呢?

歡迎轉(zhuǎn)載,轉(zhuǎn)載請(qǐng)注明:轉(zhuǎn)載自[ http://www.cnblogs.com/zjfree/ ]

標(biāo)簽:濟(jì)寧 寧夏 贛州 延安 衡水 寧波 日照

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML文檔類(lèi)型詳解 推薦》,本文關(guān)鍵詞  HTML,文檔,類(lèi)型,詳解,推薦,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML文檔類(lèi)型詳解 推薦》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于HTML文檔類(lèi)型詳解 推薦的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    饶河县| 邯郸县| 叶城县| 张家界市| 敖汉旗| 庄浪县| 崇信县| 嘉黎县| 珠海市| 博野县| 安乡县| 泸水县| 南充市| 壤塘县| 兰州市| 永泰县| 南安市| 宕昌县| 台东县| 闽清县| 深泽县| 富源县| 措勤县| 庆安县| 云浮市| 报价| 博客| 桂东县| 高邑县| 和静县| 观塘区| 手游| 义马市| 定日县| 清涧县| 上犹县| 威远县| 连云港市| 房山区| 三原县| 兴宁市|