0

我在 IE8 中收到 TYPE: Mismatch 错误,代码如下。

    function showTabs() {
    for (var i = 0; i < tabs.length; i++) {
        tabs[i].style.display = "inline-block";
        if (tabs[i]) {
            console.log(tabs[i] + " " + i);
        }
    }
}

function showThumbBoxes() {
    for (var i = 0; i < thumbsContainers.length; i++) {
        thumbsContainers[i].style.display = "block";
        if (thumbsContainers[i]) {
            console.log(thumbsContainers[i] + " " + i);
        }
    }
}

function loadImages() {
    for (var i = 0; i < lazyImages.length; i++) {
        if (lazyImages[i].getAttribute("data-src")) {
            lazyImages[i].src = lazyImages[i].getAttribute("data-src");
            if (lazyImages[i]) {
                console.log(lazyImages[i] + " " + i);
            }
        }
    }
}

function hideContainers() {
    for (var i = 0; i < hiddenContainers.length; i++) {
        hiddenContainers[i].style.display = "none";
        if (hiddenContainers[i]) {
            console.log(hiddenContainers[i] + " " + i);
        }
    }
}

function setUpPage() {
    showTabs();
    showThumbBoxes();
    loadImages();
    hideContainers();
}

if (window.addEventListener) {
    window.addEventListener("load", setUpPage())
} else {
    window.attachEvent("load", setUpPage()); <<< Here seems to be causing issues.
}

我已经逐步完成了代码,它正确地完成了所有内容,并且所有内容都加载到了页面上。在我单步执行 setUpPage 函数的最后一个大括号后,它又回到了attachEvent("load", setUpPage());当我再次单击单步执行时,出现不匹配错误。不知道发生了什么,但由于错误,我的脚本的其余部分将无法加载。

有人有想法吗?

4

1 回答 1

0

您需要添加事件的+名称,因此attachEvent将调用该事件onload

更新

两个事件侦听器的第二个参数也是回调,因此它们会在事件触发时执行。为了能够实现这一点,您需要删除函数调用的括号。

于 2018-11-28T15:23:39.283 回答