如果url iframe脱机或未找到,则无法停止加载

时间:2017-04-03 06:47:22

标签: javascript jquery html iframe

如何在网址离线时停止微调器并显示离线或未找到网址的警告??

CSS

#loadImg {
    position: absolute;
    z-index: 999;
}
#loadImg div {
    display: table-cell;
    background: #fff;
    height: 633px;        
    text-align: center;
    vertical-align: middle;
    width: 2000px;
}

HTML

<div id="loadImg">
    <div>
        <img src="https://2.bp.blogspot.com/-9XwrYMe59OY/WOBFFeppEYI/AAAAAAAAB2A/CtyK_-GN8DUMzJypSJqnLKEDn4f-5_fOwCLcB/s320/balls.gif" />
    </div>
</div>

<iframe width="100%" onload="document.getElementById('loadImg').style.display='none';" frameborder="0" height="1000px" class="col-sm-12" src="https://testmyweb.com/"></iframe>

1 个答案:

答案 0 :(得分:0)

执行此操作的方法是创建一个页面,该页面向目标发送请求并显示其响应。如果没有响应,则处理错误。您的新代理页面将用作iframe内的目标,但您需要确保处理目标页面的相对URL,即将这些URL重写为绝对路径。您需要查看srcimg标记的script属性,还需要查看href的{​​{1}}和a标签。如果CSS规则使用带有相对路径的link,则需要编写自己的CSS来覆盖这些规则。