国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

各種常用瀏覽器getBoundingClientRect的解析

2019-11-21 01:21:26
字體:
來源:轉載
供稿:網友
先上測試代碼
復制代碼 代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>管理系統</title>
</head>
<body style="" onselectstart="return false;" ><!--7699c7-->
<div id="w3124" style="border:1px solid #ff0000;position:relative;top:200px;left:400px;width:400px;">
</div>
<SCRIPT>
alert(document.getElementById("w3124").getBoundingClientRect().top);
</SCRIPT>
</body>
</html>

下面是alert結果
IE、FF、Chrome:208
IE內核的Maxthon:215
IE內核的TheWorld:217
當body加上margin:0;padding:0 的時候IE、FF、Chrome、Maxthon下均為200,而只有TheWorld為202
然后把HTML代碼頭部的DOCTYPE聲明去掉的時候FF、Chrome、Maxthon值均為200,而IE由于進入Quirks模式,此時的值為202,而TheWorld仍為為202
結論
FF、Chrome、Maxthon為始終堅持標準模式(Standards Mode),IE在加了聲明后也進入標準模式(Standards Mode),只有TheWorld始終堅持Quirks模式,萬惡!
建議
為了兼容把body加上margin:0;padding:0,注意加DOCTYPE聲明(有了它IE還是挺聽話的)
另:
1.通篇用綠色希望大家眼睛能放松些。
2.小弟第一次發博客,心靈脆弱,無法承受各種打擊,如果有啥不對的,請指正,我一定虛心改正,拍磚請輕一點,謝謝啦
3.參考文獻 
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 德格县| 沈阳市| 昌乐县| 吉木乃县| 彩票| 克拉玛依市| 郯城县| 克山县| 大同市| 清涧县| 肃南| 十堰市| 资兴市| 老河口市| 卓资县| 德令哈市| 盐津县| 古田县| 黔西| 五莲县| 藁城市| 长葛市| 昌吉市| 洮南市| 黄浦区| 仁化县| 安福县| 太谷县| 普陀区| 太仓市| 曲沃县| 农安县| 虎林市| 县级市| 阿鲁科尔沁旗| 礼泉县| 沙雅县| 托里县| 岱山县| 新龙县| 台江县|