菜单

jquery实现淘宝APP收货地址地区联动选择效果(优化版)

jquery实现淘宝APP收货地址地区联动选择效果(优化版)

使用jQuery模仿淘宝移动端APP中,添加收货地址时选择所在地区的省、市、区、县街道四级联动的选择效果。 效果如下图: 原插件:https://www.jq22.com/jquery-info21567 下面是把代码优化过后的版本。 1、把下面代码保存为areaSelect.js文件: var first_char; var listArr = []; var provinceArr = []; var province = ''; var city = ''; var county = ''; var ...

原生javascript实现禁止浏览器滚动,滚动条不消失代码

使用css代码可以禁止网页滚动,但是会使浏览器窗口的滚动条消失。而js代码则可以让页面禁止滚动的同时,保留滚动条的显示状态,而且滚动条的位置不变。 javascript代码 var keys = { 37: 1, 38: 1, 39: 1, 40: 1 }; function preventDefault(e) { e = e || window.event; if (e.preventDefault) e.preventDefault(); e.returnValue = false; } function pre...

javascript实现定位当前城市返回城市名称的代码

在网页上定位当前城市,并返回当前城市名称,最简单的实现方法就是利用现成的城市定位接口,如百度普通IP定位接口、搜狐的城市定位api、腾讯地图IP定位接口等。 百度普通IP定位接口 https://api.map.baidu.com/location/ip?ak=申请的百度地图密钥&coor=bd09ll 官方主页:http://lbsyun.baidu.com/index.php?title=webapi/ip-api 调用代码: $.ajax('https://api.map.baidu.com/location/ip?ak...

原生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...