JS 窗口最大化

最新推荐文章于 2019-01-10 11:52:23 发布

cch345

最新推荐文章于 2019-01-10 11:52:23 发布

阅读量1.9k

点赞数

分类专栏： WEB开发相关文章标签： iframe function html ie 脚本

本文链接：https://blog.csdn.net/cch345/article/details/5380950

版权

WEB开发相关专栏收录该内容

11 篇文章 0 订阅

订阅专栏

在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 οnlοad="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>