菜单

原生javascript删除html标签属性的方法removeAttribute()

jquery使用removeAttr()方法删除标签属性,原生javascript使用removeAttribute()方法删除标签属性。两个方法的名称差不多。 HTML代码: <div class="one" style="padding:50px"></div> <h2 style="padding:50px"></h2> <div id="two" style="padding:50px"></div> 分别删除上面HTML代码中的style属性。 document.getE...

jQuery的$().each方法和$.each()方法的区别

$().each和$.each()是两个名称相似的jquery方法,它们的区别是前者用于处理DOM对象,后者用于处理数据对象。 方法结构 $().each $(selector).each(function(index,element){ //执行代码 }); $.each() $.each(dataArray, function(index,element){ //执行代码 }); 方法示例 使用$().each处理DOM HTML代码 <ul> <li>北京<...

解决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("资源共享", "https://www.td...

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() { ...