如何在互联网不可用时隐藏iframe



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

这可能吗。 我尝试了下面的链接,但它对我不起作用。 如果没有互联网连接,请隐藏 iframe

提前谢谢。

使用 ajax,

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

或者,您可以尝试将一些文件下载到服务器中以检查连接性,而无需使用 ajax。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
if (! window.jQuery) {
alert('No Connection !!');
}
else {
// internet connection established
}
</script>

这里有一个非常简单的例子来帮助你。将其另存为 HTML 并在互联网连接打开且互联网连接关闭的情况下在浏览器中打开:

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

如果navigator.onLine给你true,意味着互联网工作正常。

最新更新