展开菜单

解决jquery $(document).on绑定点击事件click在苹果手机上无效的方法

使用$(document).on绑定click事件,在电脑端执行正常,但在苹果手机各种浏览器上都不能生效,把click更换成touch事件也没有效果,查询后发现,需要给绑定点击事件的元素添加css声明cursor:pointer;。 示例 HTML代码 <div class="nav"> <ul> <li>测试</li> </ul> </div> JS代码 $(document).on('click', '.nav li', function(){ al...

javascript toFixed()方法兼容负数重写

javascript方法toFixed()可以把Number四舍五入为指定小数位数的数字,但在负数上似乎有问题,把方法提出来重写以兼容负数。 代码可放在方法调用前的任意js文件,或直接放在页面上。 Number.prototype.toFixed = function (s) { var that = this, changenum, index; if (this < 0) { that = -that; } changenum = (parseInt(that * Math.pow(10, s) + 0.5) / Math.pow(10,...

最直观的理解javascript构造函数和普通函数的区别

区分javascript函数是构造函数还是普通函数的方法是看它们使用了哪种调用方式,无论是javascript构造函数还是javascript普通函数,它们总归是函数,它们的调用方式决定了它们是构造函数还是普通函数。 下面是一个函数的声明,它就是一个函数,但它后面的使用方式决定了它是构造函数还是普通函数: function website(name,url){ this.webName = name; this.webUrl = url; } 构造函数 var site =new website("资源共享", "http://www.nei...

node.js创建本地服务器并运行教程

node.js创建本地服务器并运行教程

Node.js就是运行在服务端的JavaScript,基于Chrome V8引擎的JavaScript运行环境,简易上手node.js后就可以在本地电脑上创建本地服务器。 在nodejs安装根目录下创建一个目录,如project,创建一个js文件,如server.js,添加下面的代码: //请求Node.js自带的http模块。 var http = require('http'); //http模块提供了createServer函数,这个函数会返回一个对象,我们将返回的对象赋值给server。 var server = http.createServer(f...

javascript错误:xxx.split is not a function的原因和解决方法

使用javascript方法split()分割字符串时,出现“Uncaught TypeError: xxx.split is not a function”的错误提示,出现这个问题的原因是变量xxx不是string类型的值,解决方法是把变量转换成string类型即可。 示例: var xxx = 1234567; var xxx = xxx.toString().split(); console.log(xxx);

javascript判断所有图片是否加载完成

由于load()事件在1.8版本中被废弃,因此前面的jquery判断多张图片是否加载完成代码(兼容IE)代码只能在jQuery低版本下使用,下面的判断所有图片是否加载的函数代码基于原生javascript代码,兼容大部分浏览器。 函数代码: function loadImg(arr) { var newimages = []; var arr = (typeof arr != 'object') ? [arr] : arr; for (var i = 0; i < arr.length; i++) { newimages[i] = new Pro...

javascript实现浏览器全屏显示和退出全屏代码

浏览器内置全屏浏览网页的功能,通过键盘快捷键F11可以进入全屏模式,而在网页端则可以通过js代码使用requestFullScreen()方法进入浏览器全屏浏览模式,使用exitFullScreen()方法退出浏览器全屏浏览模式。最低支持IE11浏览器。 进入全屏 requestFullScreen()方法 发出一个使元素进入全屏状态的异步请求,进入全屏状态成功,那么会触发document对象的fullscreenchange事件,失败则会会触发document对象的fullscreenerror事件。 注意: 包含在...

jquery当前月份日历带预约选择功能代码

jquery当前月份日历带预约选择功能代码

jquery代码显示当前月份的日历,设置可预约、约满、闭馆三种状态样式,可预约状态的日期可以点击并获取日期。 效果参考下图: HTML代码: <div class="order"> <div class="canlendar"> <div id="tile"></div> <div id="calendar"> </div> <div class="btn"> <a href="javascript:void(0...

jquery判断多张图片是否加载完成代码(兼容IE)

使用load()方法可以判断图片是否加载完成,但每次只判断一张图片,如果是判断多张图片是否加载完成,那么就需要写多几行代码。下面代码在jquery 2.2.4版本测试可用。 参考代码: function imgLoad(){ $.ajaxSetup ({ cache: false });//兼容IE var _img = $('.getimg img'); var _imgNum = _img.length; if(_imgNum > 0){ _img.on('load',function() { ...

jquery判断鼠标上下滚动插件jquery.mousewheel.js

mousewheel.js是一个delta规范化、跨浏览器监听鼠标上下滚动的jquery插件,支持IE6+、Firefox、Chrome、Safari浏览器。 通过mousewheel.js插件可以判断鼠标滚轮是向上还是向下滚动、往左还是往右滚动,插件支持mousewheel和unmousewheel,通俗地理解即启用插件功能和关闭插件功能的意思。 插件Github主页:https://github.com/jquery/jquery-mousewheel 使用插件功能: 方式一:使用on调用 // using on $('#el...

chrome插件:网站性能检测工具lighthouse

chrome插件:网站性能检测工具lighthouse

chrome浏览器扩展程序lighthouse可以检测网页的质量,分别针对网页的Performance、Accessibility、Best Practices、SEO进行检测评分,并给出相应的优化建议,方便站长优化网页的加载速度、搜索引擎排名等。 Performance - 性能检测,如网页的加载速度、响应时间等 Accessibility - 铺助检测,如网页的可访问性问题,HTML代码标签之类的优化等 Best Practices - 实践性检测,如网页安全性,如是否开启HTTPS、网页存在的漏洞等 SEO ...