JS 窗口最大化

来源：互联网发布：买家淘宝贷款怎么申请编辑：程序博客网时间：2024/05/24 01:40

在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>