随笔分类 -  js/jq

上传身份证--uc手机浏览器拍照覆盖问题
摘要：公司项目中，要求实现上传身份证正反面照片功能。兼容pc端与手机端。pc端直接选择文件上传，在谷歌，火狐，safari等均没问题。 手机端可调用手机相机或选择图库，选择图库，各浏览器均没问题，手机拍照呢，在uc浏览器上就有问题了.... 采用的是form表单提交的方式（后台要求），结果上传的两张图片一 阅读全文

posted @ 2017-03-30 20:07 柔光 阅读(857) 评论(0) 推荐(0)

jquery 点击元素以外任意地方隐藏该元素的方法
摘要：jquery 点击元素以外任意地方隐藏该元素的方法 $("#order_search").click(function(e){ e.stopPropagation(); $('.outBox').slideToggle(); }); $(document).click(function(){ $(' 阅读全文

posted @ 2017-02-23 18:16 柔光 阅读(2855) 评论(1) 推荐(1)

ajax实现下载功能
摘要：ajax实现下载功能 适用场景：由于点击按钮下载excel响应时间过长，此时间段加入加载样式（灰色层、加载动画）； 浏览器弹出下载框后，上面的加载样式去掉。 方 法 ：使用jquery.fileDownload.js插件导出excel; 弹出框样式引用layer.js框架; 实现过程： 【前台部分】 阅读全文

posted @ 2017-02-21 17:01 柔光 阅读(3347) 评论(0) 推荐(0)

客户输入控制--保留小数点后两位
摘要：1，保留小数点后两位（只能输入数字） <input type="text" onkeyup="clearNoNum(this)" placeholder="请输入金额" /> function clearNoNum(obj){ obj.value = obj.value.replace(/[^\d. 阅读全文

posted @ 2016-12-12 15:27 柔光 阅读(880) 评论(0) 推荐(0)

JS获取当前时间戳的方法
摘要：JavaScript 获取当前时间戳：第一种方法： var timestamp = Date.parse(new Date()); var timestamp = Date.parse(new Date()); 结果：1280977330000第二种方法： var timestamp = (new  阅读全文

posted @ 2016-11-28 10:18 柔光 阅读(1446) 评论(0) 推荐(0)

URL的截取问题
摘要：$(function (){ if (window.location.href.includes('?')) { if (window.location.href.split('?')[1].split('=')[0] 'bank') { var bank = window.location.hre 阅读全文

posted @ 2016-10-09 11:37 柔光 阅读(434) 评论(0) 推荐(0)

移动web前端下拉刷新效果
摘要：直接复制粘贴 放在页面中即可 <script> window.onload = function(){ window.addEventListener('touchstart', touchstart, false); window.addEventListener('touchmove', tou 阅读全文

posted @ 2016-09-23 12:36 柔光 阅读(5550) 评论(0) 推荐(0)

实现购物车加减计价功能
摘要：直接复制粘贴即可 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:// 阅读全文

posted @ 2016-09-23 09:57 柔光 阅读(357) 评论(0) 推荐(0)

图片点击放大功能
摘要：<img src="xxx.jpg" /><script> var flag = true,//状态true为正常的状态,false为放大的状态 imgH,//图片的高度 imgW,//图片的宽度 img = document.getElementsByTagName('img')[0];//图片元 阅读全文

posted @ 2016-09-23 09:38 柔光 阅读(887) 评论(0) 推荐(0)

实现倒计时功能js
摘要：<p>系统将会在<strong id="endtime"></strong>秒后跳转到登录页！</p> 【原生js实现】 <script type="text/javascript"> var i = 10; //倒计时时间，可随意改function remainTime(){ if(i==0){ 阅读全文

posted @ 2016-09-23 09:31 柔光 阅读(140) 评论(0) 推荐(0)

实现携程X分钟前有人预定功能
摘要：实现携程X分钟前有人预定功能 原理：利用cookie与计时器两部分； 首先，进入页面，x会被随机数赋值，赋值后x会一分钟加1，直到加到60，再从1开始累加。 页面是否相同是根据页面的url后的id值判断； <span id='myspan'></span> x分钟前有人预定该景点 <script>$ 阅读全文

posted @ 2016-08-18 17:33 柔光 阅读(357) 评论(0) 推荐(0)

身份证校验，绝对严格
摘要：身份证校验，绝对严格function checkIdCard(idcard) { let ereg; // const Errors = new Array( // '验证通过', // '身份证号码位数不对', // '身份证号码出生日期超出范围或含有非法字符', // '身份证号码校验错误', 阅读全文

posted @ 2016-08-01 17:01 柔光 阅读(364) 评论(0) 推荐(0)

浏览器刷新页面问题
摘要：【 reload 方法】该方法强迫浏览器刷新当前页面 【一】要求刷新的窗口有一个名称，例如ABC。在要关闭的页面加入 <body onunload="javascript:ABC.location.reload()">【二】如果要刷新的是将要关闭页面的父窗口，则可以在要关闭的页面加入 <body o 阅读全文

posted @ 2016-07-28 14:28 柔光 阅读(463) 评论(0) 推荐(0)

导航