婷婷综合国产,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文檔類型詳解 推薦的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 锡林浩特市| 乌兰察布市| 竹山县| 莱阳市| 合山市| 准格尔旗| 威信县| 甘肃省| 伊宁市| 马公市| 马鞍山市| 阳原县| 新丰县| 崇礼县| 宁都县| 江门市| 淮北市| 平和县| 镇康县| 彭泽县| 林芝县| 唐河县| 四会市| 华安县| 邯郸县| 万荣县| 井陉县| 于都县| 蒙城县| 灵丘县| 九龙县| 古田县| 昭觉县| 镇坪县| 奉新县| 黔江区| 靖边县| 湖南省| 玉田县| 巫溪县| 上栗县|