window.innerHeight ie8替代

我有一些依赖于window.innerHeight计算。 但正如我发现这在IE9之前的任何IE中都不可用。 我所看到的所有其他选项甚至都没有接近我使用window.innerHeight时得到的数字。

有人有工作吗？

Answer 1

您可能想尝试：

 document.documentElement.clientHeight; 

或者可以使用jQuery的.height()方法：

 $(window).height(); 

Answer 2

我为IE8和其他人制作了一个简单的垫片：

• window.innerWidth
• window.innerHeight
• window.scrollX
• window.scrollY
• document.width
• document.height

559个字节

 (function(d,b){var c=b.documentElement;var a=b.body;var e=function(g,h,f){if(typeof g[h]==="undefined"){Object.defineProperty(g,h,{get:f})}};e(d,"innerWidth",function(){return c.clientWidth});e(d,"innerHeight",function(){return c.clientHeight});e(d,"scrollX",function(){return d.pageXOffset||c.scrollLeft});e(d,"scrollY",function(){return d.pageYOffset||c.scrollTop});e(b,"width",function(){return Math.max(a.scrollWidth,c.scrollWidth,a.offsetWidth,c.offsetWidth,a.clientWidth,c.clientWidth)});e(b,"height",function(){return Math.max(a.scrollHeight,c.scrollHeight,a.offsetHeight,c.offsetHeight,a.clientHeight,c.clientHeight)});return e}(window,document)); 

有关更新，请查看此要点： yckart / 9128d824c7bdbab2832e

 (function (window, document) { var html = document.documentElement; var body = document.body; var define = function (object, property, getter) { if (typeof object[property] === 'undefined') { Object.defineProperty(object, property, { get: getter }); } }; define(window, 'innerWidth', function () { return html.clientWidth }); define(window, 'innerHeight', function () { return html.clientHeight }); define(window, 'scrollX', function () { return window.pageXOffset || html.scrollLeft }); define(window, 'scrollY', function () { return window.pageYOffset || html.scrollTop }); define(document, 'width', function () { return Math.max(body.scrollWidth, html.scrollWidth, body.offsetWidth, html.offsetWidth, body.clientWidth, html.clientWidth) }); define(document, 'height', function () { return Math.max(body.scrollHeight, html.scrollHeight, body.offsetHeight, html.offsetHeight, body.clientHeight, html.clientHeight) }); return define; }(window, document)); 

Answer 3

在document.ready使用以下document.ready并明确定义innerHeight 。

 window.innerHeight = window.innerHeight || document.documentElement.clientHeight 

Answer 4

获取全窗口高度的Javascript方法..：

 window.outerHeight; 

获取完整文档高度的Javascript方法..：

 document.body.clientHeight; 

要么

 document.body.offsetHeight; 

获取可见文档区域高度的Javascript方法..：

这是没有酒吧的窗户高度。

 window.innerHeight; 

jQuery方法获取可见文档区域高度和窗口没有条形区域高度..：

 $(window).height(); 

要么

 $(window).outerHeight(); 

获取完整文档高度的jQuery方法..：

 $(document).height(); 

要么

 $(document).outerHeight(); 

这就是全部，我希望能帮助你:)

Answer 5

我搜索了因为这里发布的函数似乎都没有工作，我总是得到windowviewheight而不是文件全高…

这适用于我测试的所有浏览器……也就是iexplore 8：

 var D = document; var myHeight = Math.max( D.body.scrollHeight, D.documentElement.scrollHeight, D.body.offsetHeight, D.documentElement.offsetHeight, D.body.clientHeight, D.documentElement.clientHeight ); alert(myHeight);