javascript - 重试加载 iframe 直至成功？

Question

嘿，每个 Web 开发新手，都被困在如何处理 iframe 无法加载 src html 文件时

当用户进入页面时，如果 html 文件存在，它应该作为自己的 iframe 加载到页面上。否则，它应该显示一个旋转图标，直到 html 文件存在(对于上下文:我在一个单独的线程上动态生成图形，这需要大约 1 分钟并且无法预取)。

我怎样才能实现这个目标？我尝试添加以下标记，使其始终不断地重新加载 iframe，尽管这就是它所做的一切:

<iframe id="iframe" src="test_examples/test1.html" height="650" width="800"></iframe>
<script type="text/javascript">
    // Continuously attempt to reload
    setInterval(function(){
        $('#iframe').attr('src', function (i,val) {return val;}); // resets iframe 
     },1000);
</script>

Answer 1

您可以检测 iframe 标题来检测 iframe 是否加载失败。

var frame = document.getElementById("iframe");
frame.onload = function(){
    if(frame.title !== "YourExpectedTitle"){ // Title checking
        $('#iframe').attr('src', function (i,val) {return val;}); // resets iframe
    }
}

如果我错了请纠正我