各种常用浏览器getBoundingClientRect的解析_javascript技巧
程序员文章站
2022-04-08 08:51:03
...
先上测试代码
管理系统
下面是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.参考文献
复制代码 代码如下:
下面是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.参考文献
上一篇: 事件模型在各浏览器中存在差异_javascript技巧
下一篇: 在ie7中input file 上传控件无效,浏览按钮没用,“浏览”两个字都显示不出来_html/css_WEB-ITnose
推荐阅读
-
js 获取屏幕各种宽高的方法(浏览器兼容)_javascript技巧
-
浏览器解析js生成的html出现样式问题的解决方法_javascript技巧
-
获取元素距离浏览器周边的位置的方法getBoundingClientRect_javascript技巧
-
各浏览器对document.getElementById等方法的实现差异解析_javascript技巧
-
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异_javascript技巧
-
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异_javascript技巧
-
javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)_javascript技巧
-
各浏览器对document.getElementById等方法的实现差异解析_javascript技巧
-
JS获取各种浏览器窗口大小的方法_javascript技巧
-
用js实现终止浏览器对页面HTML的继续解析即停止解析 兼容firefox_javascript技巧