获取网络状态

Cheney9501

于 2025-03-03 08:51:13 发布

阅读量119

点赞数 3

文章标签：网络前端

本文链接：https://blog.youkuaiyun.com/CheneyChen27/article/details/145975237

版权

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title>网络状态</title>
    <style type="text/css"></style>
    <!-- JQuery CDN -->
    <script
      src="https://code.jquery.com/jquery-3.3.1.min.js"
      integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
      crossorigin="anonymous"
    ></script>
    <script type="text/javascript">
      function handleOnline() {
        console.log("用户已上线");
      }
      function handleOffline() {
        console.log("用户已下线");
      }
      window.addEventListener("online", handleOnline);
      window.addEventListener("offline", handleOffline);
    </script>
  </head>
  <body>
    <button>获取网络状态</button>
    <div></div>
  </body>
</html>