zoukankan      html  css  js  c++  java
  • HTML5网络状态

    我们可以通过window.navigator.onLine来检测,用户当前的网络状况,返回一个布尔值, 但是不同浏览器会存在差异所以HTML5 给我们提供了2个事件 online 和 offline online用户网络连接时被调用offline用户网络断开时被调用他们监听的对象都是window

    <!DOCTYPE html>
    <html lang="en">
    <head>
     <meta charset="UTF-8">
     <title>onLine</title>
     <style>
      body {
       padding: 0;
       margin: 0;
       background-color: #F7F7F7;
      }
      p {
       width: 200px;
       height: 40px;
       text-align: center;
       line-height: 40px;
       margin: 100px auto;
       color: #FFF;
       font-size: 24px;
       background-color: #000;
       display: none;
      }
     </style>
    </head>
    <body>
     <p class="tips"></p>
     <script src="jquery.min.js"></script>
     <script>
        // 通过 window.navigator.onLine 来检测网络是否可用
        // alert(window.navigator.onLine);
        // 1. 当网络连接到时候  弹出 p 显示网络连接 然后消失
        window.addEventListener('online', function() {
           $(".tips").text("网络已经连接").fadeIn(500).delay(1000).fadeOut();
        })
       // 2. 当网络断开到时候  弹出 p 显示网络已断开 然后消失
       window.addEventListener('offline', function() {
           $(".tips").text("奥利个奥,网络断开了").fadeIn(500).delay(1000).fadeOut();
        })
     </script>
    </body>
    </html>
    别废话,拿你代码给我看。
  • 相关阅读:
    DFS——CodeForces740DAlyona and a tree
    DFS——hdu1016Prime Ring Problem
    DFS(8)——poj2034Anti-prime Sequences
    DFS(7)——poj1011Sticks
    DFS(2)——hdu1241Oil Deposits
    DFS(6)——hdu1342Lotto
    NO12——快速幂取模
    NO11——01背包
    NO10——各种欧几里得
    NO9——线段相关
  • 原文地址:https://www.cnblogs.com/lvxueyang/p/13707461.html
Copyright © 2011-2022 走看看