对于document.compatMode,很多朋友可能都根我一样很少接触,知道他的存在却不清楚他的用途。其实这个对于我们开发兼容性的web页面还是很有帮助,我们都知道,盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的,在不声明Doctype的情况下,浏览器默认是Quirks Mode。所以为兼容性考虑,我们可能需要获取当前的文档渲染方式。 继续阅读…
前段时间遇到一个问题,网页中的浮动框不动了,第一次遇到此问题,当时进行JS调试后突然想到是w3c的问题,当时从网上COPY的一段浮动代码是基于w3c页面写的代码,而那个网站是没有基于W3C的,后将document.documentElement用document.body代替后问题解决。
最近又碰到这个问题,不过奇怪的是,COPY的浮动代码原来是基于W3C的,现COPY到的这个站也是基于W3C的,但这代码在原网站是可以浮动的,而在现在这个站上却不能浮动,一时又忘了上次的W3C的问题,一直在找JS的问题,最后还是将document.body替换成document.documentElement后问题解决,有时候头脑真是转不过弯,特在此写上,以免日后再犯同样的错误。。
具体替则为:
1、若网页中含有< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >这一行代码,则应该使用document.documentElement
2、若网页中只有而没有上面的一行代码,则JS脚本应该使用document.body 继续阅读…