婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > HTML文檔類型詳解 推薦

HTML文檔類型詳解 推薦

熱門標簽:齊齊哈爾地圖標注地點 縣域地圖標注點 電銷機器人外呼失敗怎么回事 吃雞地圖標注設置 邵陽市地圖標注app 400電話申請好不好 天津銷售電銷機器人公司 400電話座機怎么辦理 南寧銷售外呼系統線路商

我的是:<!DOCTYPE html>

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

關于HTML文檔類型參考:http://i.wanz.im/2010/05/28/why_doctype_html/

檢查發現JS在獲取當前頁面可視大小,和頁面滾動位置有差別!
在頁面包含一個2000*2000的DIV是IE和Chrome在不同HTML文檔類型測試整理數據如下:
標準:<!DOCTYPE html>
特殊:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

當HTML中未添加HTML文檔類型時,默認為特殊模式!

Chrome標準 Chrome特殊 IE標準 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

分析:

頁面總寬度:document.body.scrollWidth;
頁面總高度:document.body.scrollHeight;
Chrome頁面位置:document.body.scrollTop; document.body.scrollLeft;
Chrome標準頁面可視區域:document.documentElement.clientWidth; document.documentElement.clientHeight;
Chrome特殊頁面可視區域:document.body.clientWidth; document.body.clientHeight;
IE標準頁面位置:document.documentElement.scrollTop; document.documentElement.scrollLeft;
IE標準頁面可視區域:document.documentElement.clientWidth; document.documentElement.clientHeight;
IE特殊頁面位置:document.body.scrollTop; document.body.scrollLeft;
IE特殊頁面可視區域:document.body.clientWidth; document.body.clientHeight;
JS代碼如下:

復制代碼
代碼如下:

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;
}

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

歡迎轉載,轉載請注明:轉載自[ http://www.cnblogs.com/zjfree/ ]

標簽:濟寧 海口 寧夏 贛州 延安 衡水 寧波 日照

巨人網絡通訊聲明:本文標題《HTML文檔類型詳解 推薦》,本文關鍵詞  HTML,文檔,類型,詳解,推薦,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《HTML文檔類型詳解 推薦》相關的同類信息!
  • 本頁收集關于HTML文檔類型詳解 推薦的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 城口县| 商都县| 桐柏县| 五寨县| 清河县| 石首市| 班戈县| 凤阳县| 普宁市| 丰原市| 平罗县| 靖边县| 景泰县| 山阳县| 池州市| 朔州市| 竹北市| 湘潭市| 涞源县| 澎湖县| 榆林市| 安仁县| 阜新| 盐城市| 资阳市| 颍上县| 雅安市| 内丘县| 东至县| 额济纳旗| 股票| 台东县| 昌都县| 宜兰市| 青岛市| 会宁县| 赤峰市| 天长市| 定襄县| 咸宁市| 伊金霍洛旗|