HBuilder网络联网提示

最新推荐文章于 2024-05-13 00:52:46 发布

KuanXJ

最新推荐文章于 2024-05-13 00:52:46 发布

阅读量5.9k

点赞数

分类专栏： HBuilder

本文链接：https://blog.csdn.net/KuanXJ/article/details/52025399

版权

HBuilder 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
      mui.init();



            mui.plusReady(function() {
    document.addEventListener("netchange", wainshow, false);
                    // H5 plus事件处理
                 function wainshow(){
              var types = {};                //定义一个数组
              types[plus.networkinfo.CONNECTION_UNKNOW] = "Unknown connection";   //使用原生API，例如plus.networkinfo.CONNECTION_UNKNOW。网址：http://www.dcloud.io/docs/api/zh_cn/device.html
              types[plus.networkinfo.CONNECTION_NONE] = "None connection";
              types[plus.networkinfo.CONNECTION_ETHERNET] = "Ethernet connection";
              types[plus.networkinfo.CONNECTION_WIFI] = "WiFi connection";
              types[plus.networkinfo.CONNECTION_CELL2G] = "Cellular 2G connection";
              types[plus.networkinfo.CONNECTION_CELL3G] = "Cellular 3G connection";
              types[plus.networkinfo.CONNECTION_CELL4G] = "Cellular 4G connection";
                }
             };


            var btt=document.getElementById('aaa'); //获取按钮对象
            btt.addEventListener('tap',function(){
          if(window.plus){
         if(plus.networkinfo.getCurrentType() == plus.networkinfo.CONNECTION_NONE){

          btt.disabled=true;   //按钮的disabled的属性为true（禁用），false（不禁用）
         }else{
          btt.disabled=false;
          mui.toast("网络正常");
                    mui.openWindow({
          url:'https://www.baidu.com/',
          id:'newwindow'
         })

               }
         }
      })

    </script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
  <h1 class="mui-title">获取网络状态</h1>

</header>
<div class="mui-content" >
     <div class="mui-content-padded" align="center">
     <button class="mui-btn mui-btn-negative mui-btn-block mui-btn-outlined" id="aaa">正在努力加载中</button>

     </div>
</div>
</body>
</html>

KuanXJ

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HBuilder网络联网提示

mui.init(); mui.plusReady(function() { document.addEventListener("netchange", wainshow, false); // H5 plus事件处理 fu
复制链接

扫一扫