如何在Internet不可用时隐藏iframe

时间:2018-01-25 06:37:49

标签: javascript jquery html ajax html5

我正在制作一个带有Web视图的应用程序,用于处理离线html页面。一个html页面包含联系人和评级审核。我想在iframe中显示评级审核,用户可以在其中查看项目,但是当互联网不可用时,而不是显示没有可用的连接。我想隐藏iframe,或者显示图片或默认的html页面。

这可能吗? 我尝试了以下链接,但它对我不起作用。 if there is no internet connection, hide iframe

提前致谢。

2 个答案:

答案 0 :(得分:1)

使用ajax,

__cplusplus

或者您可以尝试将某个文件下载到服务器中以检查连接,而不使用ajax。

$.ajax({
    url: "<any url you prefer>",
    timeout: 10000,
    error: function(jqXHR) { 
        if(jqXHR.status==0) {
            alert(" No connection");
        }
    },
    success: function() {
        alert("Connectivity");
    }
});

答案 1 :(得分:0)

这是一个非常简单的例子来帮助你。将其保存为HTML并在浏览器中打开,并启用Internet连接并连接到Internet:

&#13;
&#13;
<html>

<head>
  <script>
    alert(navigator.onLine)
  </script>
</head>

</html>
&#13;
&#13;
&#13;

如果navigator.onLine为您提供true,则表示互联网正常运作。