重试加载 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
    }
}

如我错了请纠正我