IE8 JavaScript issue

IE8 JavaScript issue

本文关键字：issue JavaScript IE8      更新时间：2023-09-26

我需要一直在页面底部有一个底部bg，所以我决定获取窗口高度和主要内容高度，并计算底部是否应该向下推。当内容块太短，计算机屏幕大得多时，问题就出现了，所以底部bg就在内容的末尾，直到底部屏幕的末尾才出现。希望它有意义）我决定在内容内部增加一些高度，使其更长，这样它就会填满底部空间，底部的间隙就会消失。

这是我用来修复它的JavaScript：

window.onload=function(){
    var winHeight = window.innerHeight;
    var fixIt = winHeight - 200;
    var divHeight = document.getElementById('bottomDiv').clientHeight;
    alert(winHeight - divHeight);
    if (divHeight < winHeight) {
        var fire = document.getElementById('innerDiv').style.height = fixIt + "px";
    }
};

问题：这个脚本运行良好，在所有浏览器中都能很好地完成它的工作，但IE7-IE8除外。你能帮我找到一个旧IE浏览器的解决方案吗？

谢谢，艺术

window.onload=function(){
    //                                 v---------------------------------------v
    var winHeight = window.innerHeight || document.documentElement.clientHeight;
    var fixIt = winHeight - 200;
    var divHeight = document.getElementById('bottomDiv').clientHeight;
    alert(winHeight - divHeight);
    if (divHeight < winHeight) {
        var fire = document.getElementById('innerDiv').style.height = fixIt + "px";
    }
};

也许您可以将"底部"背景应用于html元素，然后在上部区域用不同的背景（可能在您的div#内容中）覆盖它。

否则，IE8中似乎不支持innerHeight。

window.innerHeight ie8替代

尝试

var winHeight = document.documentElement.clientHeight
相关文章：