Question

我正在尝试使用javascript对不同的框架进行一些更改，但我需要等到它正确加载。

我有frame-B，它对frame-A的内容做了一些改动。完成加载后，我在frame-A中设置了一个标志：

框-A：

// Flag to indicate that the page is loaded. Used by frame-B
var documentLoaded = false;
$(document).ready(function () { documentLoaded = true; });

框-B：

function onLeftFramesLoad(loops) {
    // Check if the menu frame is finished loading, if not try again in Xms.
    // To Avoid eternal loop if for some reason the documentLoaded flag is not set after Y seconds: break loop.
    if (!parent.frames[0].window || !parent.frames[0].window.documentLoaded && 
        loops < 40)
    {
        setTimeout(onLeftFramesLoad(loops + 1), 250);
        return;
    }
    // do changes to frame-A
}

// Using jQuery here to wait for THIS frame to finish loading.
$(document).ready(function() {
        onLeftFramesLoad(0);
});

我的问题是当帧B在帧A之前加载时，它不等待帧A加载。即setTimeout部分似乎不起作用。

帧-B只需要大约30ms，因此它不会超时。

Firebug在javascript控制台中给我这条消息：

useless setTimeout call (missing quotes around argument?)

经过FF和铬测试。

Answer 1

setTimeout(onLeftFramesLoad(loops + 1), 250);

这样做是执行onLeftFramesLoad(loops + 1)的返回值，因此它在setTimeout之前执行onLeftFramesLoad。这与写作基本相同：

setTimeout(undefined, 250); // onLeftFramesLoad always returns undefined

显然，

undefined（）不起作用。正确的方法是

setTimeout(function() {
  onLeftFramesLoad(loops + 1);
}, 250);

因为这是一个功能，因而可执行。

有关setTimeout函数的更多信息，请选中https://developer.mozilla.org/en/window.setTimeout

Answer 2

您必须将功能传递给setTimeout。您当前正在立即调用该函数并传递返回值（没有）。

所以你需要把它包装成一个函数，然后传递那个函数：

setTimeout(function() { onLeftFramesLoad(loops + 1); }, 250);

等到框架集中的其他框架完成加载

2 个答案: