随笔分类 - js
摘要：<script type="text/javascript"> var system ={}; var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; sy
阅读全文
摘要：好记性不如烂笔头， 何况记性还不好。 <script> var jsondata = { a:'123', b:'456', c:'789' } console.log("完整的",jsondata) delete jsondata.a; console.log("删除后",jsondata) </
阅读全文
摘要：通过document.hidden属性,可判断页面是否可见。 如果不可见，则document.hidden为true.如果可见，则为false。但是， 如果该页面只是被其它窗口挡住， 而非最小化该页面。则document.hidden仍然是false. 而不是不可见。 document.addEve
阅读全文
摘要：// 取缓存 // localStorage.getItem("usermsg") // 存缓存 // localStorage.setItem("usermsg", msg)
阅读全文
摘要：插件 qrcode.js 下载地址 https://github.com/jeromeetienne/jquery-qrcode <script src="js/jquery.min.js"></script> <script src="js/qrcode.js"></script> <script
阅读全文
摘要：获取网页链接中的参数 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); i
阅读全文
摘要：常用于路由传参的时候保持多个参数的完整性<!-- 编码 --> encodeURIComponent() <!-- 解码 --> decodeURIComponent() （二）、获取路由中的某个参数 <script> var aa = "http://install.yitiji.wenshi.w
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：挺好使的一个插件。 简单记录下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,min
阅读全文
摘要：一、反转 var a = "abc" var b = a.split('').reverse().join('') console.log(b) 二、js获取文本行数 <div class="con">身无彩凤双飞翼</div> <!-- 高度/行高=文本行数 --> var rowNum=Math
阅读全文
摘要：突突突突突 <!-- 1、只保留整数部分（小数丢弃） --> parseInt(3.1415926) // 3 <!-- 2、向上取整 （有小数就+1）--> Math.ceil(3.1415926) // 4 <!-- 3、向下取整 （有小数就舍弃，与parseInt相比，推荐parseInt）
阅读全文
摘要：（一）时间戳转为当前时间 var a = 1594810549 console.log(timestampToTime(a)) //2020-07-15->18:55:49 function timestampToTime(timestamp){ var date = new Date(timest
阅读全文
摘要：几个常用正则 （一、） <!-- 验证 8-16 位数字 --> var reg =/^\d{8,16}/<!−−验证8−12位数字、字母−−>varreg=/(?![0−9]+)(?![a-zA-Z]+)[0−9A−Za−z]8,12/ <!-- 验证手机号 --> /
阅读全文
摘要：（...） 一、合并数组并改变数据格式 var a = [1,2,3] var d = [7,8,9] <!-- 复制数组及添加元素 --> var b=[...a,6,7] console.log("bbb",b) <!-- bbb [1, 2, 3, 6, 7] --> <!-- 将数组转换成字
阅读全文
摘要：生成条形码 <body> <div> <img id="ma"/> </div> </body> </html> <script src="jquery-1.8.1.min.js"></script> <script type="text/javascript" src="https://cdn.b
阅读全文
摘要：略有瑕疵，凑合能用，先当个笔记了，以后有更好的再换。 css 1 <style> 2 /*外层div*/ 3 .input-file-box{ 4 border: 1px solid gray; 5 width: 5rem; 6 height: 5rem; 7 margin-left:.5rem;
阅读全文
摘要：几个点击事件 1 <body> 2 <button>jq点击</button> 3 <input type="button" id="btn1" value="第一种"> 4 <input type="button" id="btn2" value="第二种"> 5 <input type="but
阅读全文
摘要：倒计时定时器 、 循环定时器 及定时器的清除 1 <body> 2 <div> 3 <input type="button" onclick="yi()" value="启动倒计时定时器"> 4 <input type="button" onclick="er()" value="启动循环定时器">
阅读全文
摘要：加载完后执行 1 <script> 2 $(window).load(function(){ 3 // 等到整个window页面加载完成后才执行,两者之间的执行顺序是谁在上方谁优先执行 4 console.log("jquery 》window load" ); 5 }) 6 window.onlo
阅读全文
摘要：此小案例适合数据较少的类似三级联动的小效果，省市区三级联动参见 https://www.cnblogs.com/xiaoyaolang/p/11896484.html <body> <select name="" id="prov"> <option value="">请选择省</option> <
阅读全文
