js检测网络是否具体连接功能的代码

代码如下:

var EventUtil = {
addHandler: function (element, type, handler) {
if (element.addEventListener) {
element.addEventListener(type, handler, false);
} else if (element.attachEvent) {
element.attachEvent("on" + type, handler);
} else {
element["on" + type] = handler;
}
},
removeHandler: function (element, type, handler) {
if (element.removeEventListener) {
element.removeEventListener(type, handler, false);
} else if (element.detachEvent) {
element.detachEvent("on" + type, handler);
} else {
element["on" + type] = null;
}
}
};

var dom = document.createElement('img');
dom.style = 'display:none;';
dom.src = 'http://www.baidu.com/img/bdlogo.gif';
dom.id = 'map_img';
EventUtil.addHandler(dom, 'error', function(){

alert('你的电脑没有链接网络，连接上网络后才能打开地图！');
});
document.body.appendChild(dom);

赞 (0)

相关推荐

  • 使用JS在浏览器中判断当前网络连接状态的几种方法

    使用JS在浏览器中判断当前网络状态的几种方法如下: 1. navigator.onLine 2. ajax请求 3. 获取网络资源 4. bind() 1. navigator.onLine 通过navigator.onLine判断当前网络状态: if(navigator.onLine){ ... }else{ ... } 非常简单,但是并不准确-根据MDN的描述: navigator.onLine只会在机器未连接到局域网或路由器时返回false,其他情况下均返回true. 也就是说,机器连接上

  • 利用JS判断用户是否上网(连接网络)

    如下所示: 复制代码 代码如下: <HTML xmlns:CAP><HEAD><TITLE>JS检测用户是否上网</TITLE><META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=gb2312"><style> @media all {CAP\\:clientCaps {behavior:url(#default#clientca

  • js检测网络是否具体连接功能的代码

    复制代码 代码如下: var EventUtil = { addHandler: function (element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); } else if (element.attachEvent) { element.attachEvent("on" + type, handler); } else { el

  • 纯 JS 实现放大缩小拖拽功能(完整代码)

    前言 最近团队需要做一个智能客服悬浮窗功能,需要支持拖动.放大缩小等功能,因为这个是全局插件,为了兼容性考虑全部使用原生 JS 实现,不引用任何第三方库或者插件.开发过程中遇到的一些问题及解决方法,在这里和大家分享交流一下. 注:下文出现的"采宝"二字,为这个功能的产品名. 先看效果 看这个效果,相信大部分开发都会觉得实现起来比较容易.在实际开发中,笔者总结了三个主要的坑点,及其解决方案. 三个坑点 拖拽采宝时会导致采宝放大缩小 采宝显示在屏幕边界时被遮挡显示不全 采宝放大和缩小后,位

  • JS如何实现页面截屏功能实例代码

    "页面截屏"是前端经常遇到的需求,比如页面生成海报,弹窗图片分享等,因为浏览器没有原生的截图API,所以需要借助canvas来实现导出图片实现需求. 可行性方案 方案1: 将 DOM 改写成 canvas ,调用canvas的toBlob或者toDataURL方法即刻上传到七牛云或服务器 方案2: 使用第三方库html2canvas.js实现 canvas , 在不更改页面已有DOM的情况下优雅生产canvas 解决方案的选择 方案1:需要手动计算每个DOM元素的Computed St

  • JS模仿手机端九宫格登录功能实现代码

    JS模仿手机端九宫格登录功能实现代码

    最近没有项目做,闲来无事写了一个小demo,特此分享到我们平台,供大家参考下,本文写的不好还请各位大侠见谅! 功能及方法逻辑都注释在代码中.所以麻烦大家直接看代码. 效果如下: 话不多说直接上代码: js部分: 首先我们先画出两个九宫格,一个用于登录和首次设置滑动密码使用,另个用于再次设置滑动密码,用于与第一次输入的滑动密码进行对比,判断两次密码是否一致 第一个九宫格 $("#gesturepwd").GesturePasswd({ backgroundColor: "#25

  • 自动断开网络共享访问连接的批处理代码

    适用平台:WINDOWS 2K/XP HOME/PRO 适用环境:目录共享或打印机共享,经常因达到10人的连接上限,而不能给他人正常提供文件和打印共享服务 解决方法: 1.PRO版系统,修改组策略secpol.msc/本地策略/安全选项/在挂起会话之前所需时间,改为1分钟 2.使用如下脚本,每隔30秒(或自定义间隔时间)清除访问连接 复制代码 代码如下: @echo off rem 定义循环间隔时间: set secs=30 echo. echo ========================

  • 用js实现键盘方向键翻页功能的代码

    今天从网上看到这个功能,不错啊,以后就可以在文章中,增加这个功能了var re = /<a href=[\"\']?([-=\w\.\/\?]+)[\"\']?>[\[\(<]?上一页[\]\)>]?<\/a>/igm; if (window.document.body.innerHTML.search(re) >= 0) {   var PREVIOUS_PAGE = RegExp.$1; } 如果搜下到"上一页",则定义

  • JS检测是否可以访问公网服务器功能代码

    wifi认证开发过程所用到的,源码如下: 注:检测AC是否放行成功,是否可以访问公网阿里云服务器 功能调用: checkNet().then(function(res) { if(res) { //连网成功 } } else { //连网失败 } }) 功能代码: (function() { //检测入口 checkNet = function() { var def = $.Deferred(); xiuNet(null).then(function(res) { netWork(null).

  • android检测网络连接状态示例讲解

    Android连接首先,要判断网络状态,需要有相应的权限,下面为权限代码(AndroidManifest.xml): 复制代码 代码如下: <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/><uses-permission android:name="android.permission.INTERNET"/> 然后,检测网络状态是否可用 复制代码

  • Ajax 配合node js multer 实现文件上传功能

    Ajax 配合node js multer 实现文件上传功能

    说明 作为一个node 初学者,最近在做一个聊天软件,支持注册.登录.在线单人.多人聊天.表情发送.各种文件上传下载.增删好友.聊天记录保存.通知声开关.背景图片切换.游戏等功能,所以用到了multer 模块,经过各种查文档,做demo例子,终于成功实现单个文件上传功能,支持大部分文件格式上传,同时显示到网页上 效果 是不是有种微信即视感,没错,就是根据网页版微信来做的, 要实现整体效果的话,要配合css和html来做,前端初学者,第一次发博客,实在捉急,近期,将会将代码放到github上去,感

随机推荐