javascript - 使用 onload 和 onerror javascript

Question

function loadNextComic()
{
window.scrollTo( 200, 480);
img comic = new Image();
    currentComicNumber++;
    comic.src="Freqpg"+currentComicNumber+".jpg";
    comic.onload = function()
        {
        document.getElementById("comic").src="Freqpg"+currentComicNumber+".jpg";
        document.getElementById("numberOutput").innerHTML=currentComicNumber;
        }
    comic.onerror =lastComicReached();


}

此代码旨在迭代网络漫画页面。如果下一页存在，它应该加载，一旦加载，显示。如果页面不存在，代码应该调用另一个函数，因为这表明我们可能已经到达存档的末尾。不幸的是，这段代码什么也没做。甚至滚动功能也会中断。

function loadNextComic()
{
window.scrollTo( 200, 480);
//img comic = new Image();
    currentComicNumber++;
    //comic.src="Freqpg"+currentComicNumber+".jpg";
    //comic.onload = function()
    //  {
        document.getElementById("comic").src="Freqpg"+currentComicNumber+".jpg";
        document.getElementById("numberOutput").innerHTML=currentComicNumber;
    //  }
    //comic.onerror =lastComicReached();


}

这段带有注释掉 img 代码的代码会正确地推进页面，直到我当然用完页面(这些页面被连续且可靠地命名)，并且看到这个数字每周将如何变化，我不能简单地硬编码最后页码。在查看网站上的其他示例后，我尝试使用 img.onerror 和 onload 代码。显然我一直像个白痴一样摸索着这个。我在一些地方读到有关异步执行中断 onerror 的信息，但我认为这应该可以解决这个问题。

如何让 img.onload 和 onerror 函数起作用？如果代码是异步执行的，你如何进行结构化编程？

Answer 1

您需要在更改 src 之前声明它们

此外，您正在替换 onerror，因此您需要删除 () 除非 lastComicReached 返回一个函数

最后 img comic 不是有效语法，你的意思是 var comic

var comic = new Image(); 
comic.onload = function() {
  document.getElementById("comic").src="Freqpg"+currentComicNumber+".jpg";
  document.getElementById("numberOutput").innerHTML=currentComicNumber;
}
comic.onerror =lastComicReached; // remove the () here!!
comic.src="Freqpg"+currentComicNumber+".jpg";