IE6下JS适配技巧-优快云博客

在ie6中很多js脚本执行就会出现问题，一般是在获取clientWidth, clientHeight,offsetWidth, offsetHeight,scrollWidth, scrollHeight,scrollTop, scrollLeft会返回不正确的值。
因为在加了doctype后，在ie6中这些document.body的属性已经重新分配给了document.documentElement。
比如：原来document.body.clientHeight，就要改成document.documentElement.scrollTop
为了自适应，可以改了下代码：

((document.documentElement.clientHeight==0)?document.body.clientHeight:document.documentElement.clientHeight)

用这样的代码就能自适应了。

完整示例如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <title></title> <style type="text/css"> body{margin:0px;padding:0px;border:0px;overflow:hidden;} </style> </head> <body onload="setHeight()"> <iframe id="iframe" width="100%" src="frame.html" frameborder="0" scrolling="no"></iframe> <script type="text/javascript"> function setHeight() { var f = document.getElementById("iframe"); var hg = ((document.documentElement.clientHeight == 0) ? document.body.clientHeight : document.documentElement.clientHeight); f.height = hg; } window.onresize = function() { setHeight(); } </script> </body> </html> </body> </html>