各種常用瀏覽器getBoundingClientRect的解析_javascript技巧

先上測(cè)試代碼
代碼如下:












下面是alert結(jié)果
IE、FF、Chrome:208
IE內(nèi)核的Maxthon:215
IE內(nèi)核的TheWorld:217
當(dāng)body加上margin:0;padding:0 的時(shí)候IE、FF、Chrome、Maxthon下均為200,而只有TheWorld為202
然后把HTML代碼頭部的DOCTYPE聲明去掉的時(shí)候FF、Chrome、Maxthon值均為200，而IE由于進(jìn)入Quirks模式，此時(shí)的值為202，而TheWorld仍為為202
結(jié)論
FF、Chrome、Maxthon為始終堅(jiān)持標(biāo)準(zhǔn)模式（Standards Mode），IE在加了聲明后也進(jìn)入標(biāo)準(zhǔn)模式（Standards Mode），只有TheWorld始終堅(jiān)持Quirks模式，萬(wàn)惡！
建議
為了兼容把body加上margin:0;padding:0，注意加DOCTYPE聲明（有了它IE還是挺聽(tīng)話的）
另：
1.通篇用綠色希望大家眼睛能放松些。
2.小弟第一次發(fā)博客，心靈脆弱，無(wú)法承受各種打擊，如果有啥不對(duì)的，請(qǐng)指正，我一定虛心改正，拍磚請(qǐng)輕一點(diǎn)，謝謝啦
3.參考文獻(xiàn)

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com