原生javascript
关注
分享
扫一扫
大可&不必
这个作者很懒，什么都没留下…
展开
-
js获取页面url地址
function getQueryString(key) { var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)"); var result = window.location.search.substr(1).match(reg); return result ? decodeURIComponent(result[2]) : null;}原创 2021-09-10 18:30:01 · 938 阅读 · 0 评论 -
js数组分割成多个数组
function group(data,index) { if(data && index == 0){ var data = data.splice(0,Math.floor(data.length/2)) }else { var data = data.splice(Math.floor(data.length/2)) } return data;}原创 2021-07-02 18:08:04 · 1705 阅读 · 0 评论 -
js对象转换字符串
var skuDetailMap = {0100000896: {createTime: "2020-02-17T03:26:23.000+0000"skuCode: "0100000896"skuParams: "{"长度":"短","面积":"小"}"updateTime: "2021-06-15T06:37:18.000+0000"}}let spu = skuDetailMap for (let key in spu){ if(s原创 2021-06-15 17:48:34 · 509 阅读 · 0 评论 -
js时间转换，年月日时分秒转换，时间戳转换
var newTime = new Date().getDate()//本地时间--日期var newTime = new Date().getTime()//本地时间--日期--时间戳var endTime="2021-03-03T16:00:00.000+0000"endTime=endTime.replace(/-/g,"/").replace("T"," ").substring(0,19)console.log(newTime,'当地时间') //8 "结束时间"var DateIn=n原创 2021-06-08 16:07:37 · 5380 阅读 · 0 评论 -
js中的forEach和map循环的区别
foreach又叫做增强for循环,相当于for循环的简化版，foreach(元素类型 元素名称：循环对象（数组、集合）){循环语句}forEach能不能跳出循环呢？可以，不过不是使用break，而是结合try catch操作，forEach中使用return无效map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。 var couponInfo=["24389","24389","24388","24120","2439原创 2021-06-04 18:49:54 · 740 阅读 · 0 评论 -
js数组过滤器filter
var arr0 = [ {name:'会员卡',description:"会员卡8折"}, {name:'优享卡',description:"优享卡8折"}, {name:'秒杀',description:""},]var couponInfoObject = {}couponInfo.map(name=>{ let youxiangka = arr0.filter(item=>item.name==="会员卡") if(youxiangka){ couponInf原创 2021-06-04 18:30:48 · 1195 阅读 · 0 评论 -
javascript中可用的编码解码函数
escape(string); unescape(string);encodeURI(string); decodeURI(string);encodeURIComponent(string); decodeURIComponent(string);原创 2021-06-03 17:14:05 · 218 阅读 · 1 评论 -
js时间转换的一些方法，时间转换天数，获取商品活动时间
// 获取两个时间相差多少天 function getTimeDaysNum(time1,time2){ if(!time1 && !time2) return ''; // 转为时间戳计算 time1 = time1?getDate(time1.replace(getRegExp('\-','g'),'/').substring(0,10)) : getDate() time2 = time2?getDate(time2.replace原创 2021-05-13 15:46:40 · 595 阅读 · 0 评论 -
js使用mescroll下拉刷新和页面传参
引入mescroll.js <script type="text/javascript" src="./js/mescroll.m.js"></script>//插件有详细的配置参数这里我就不多介绍了//这里结构父盒子的id="mescroll"所以下面设置使用mescroll，可以随便设置var mescroll = new MeScroll("mescroll",{ up:{ callback: upCallback, //原创 2020-12-09 14:25:04 · 283 阅读 · 0 评论 -
原生js实现日历本，打卡专用。
<div style="width:100%;"> <input id="txtDt" type="text" /> </div><script type="text/javascript"> (function (){ function Dt(selector) { return new Dt.fn.init(selector); } Dt.fn = Dt.prototype = {.原创 2020-11-20 11:37:18 · 512 阅读 · 0 评论 -
echarts图形的参数设置和图形大小调整，map地图的中心坐标点修改。
<body> <!-- 饼图图形 --> <div id="pie"></div> <!-- 柱状图图形 --> <div id="bar"></div> <!-- 折线图图形 --> <div id="line"></div> <!-- 柱状折线图形 --> <div id="barLine"><原创 2020-11-20 11:24:31 · 7222 阅读 · 1 评论 -
正则解析标题
var title = '${年份}年${系统级次}${账本}总${收支类型}结构分析' var object=[ {biaoti:'收支类型',timu:'收入'}, {biaoti:'账本',timu:'一般公共预算'}, {biaoti:'系统级次',timu:'全县'}, {biaoti:'年份',timu:2020}, {biaoti:'科目级次',timu:1}, {biaoti:'数据类型',timu:'预算编制'}, ] for(var i=0;i<obj原创 2020-11-20 11:10:12 · 199 阅读 · 0 评论 -
h5使用jq实现登录记住账号密码
<div> <div class="login"> <input type="text" placeholder="账号" class="user"> <div style="height: 1px;background: #e4e4e4;float: left;margin: .2rem 0 .5rem;width: 100%"></div> <inp.原创 2020-11-20 11:04:51 · 808 阅读 · 0 评论 -
js判断是否是微信浏览器，和否是IE浏览器
// 判断是否是微信浏览器 函数封装function isWeixin(){ var ua = window.navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i) == 'micromessenger'){ return true; }else{ return false; }} var userAgent = navigator.userAgent; /原创 2020-11-05 10:03:47 · 753 阅读 · 0 评论 -
js实现存储cookie获取cookie封装
//存储cookie 不设置时间为永久存储cookiefunction setCookie(cname, cvalue) { // var d = new Date(); // d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); // var expires = "expires=" + d.toUTCString(); document.cookie = cname + "=" + cvalue + "; ";原创 2020-11-05 09:57:44 · 220 阅读 · 0 评论 -
js正则验证手机号，身份证号，邮箱。
//校验手机号码function phoneRuler(phone){ let reg = /^1[3|4|5|6|7|8|9][0-9]{9}$/; return reg.test(phone)}console.log(phoneRuler('13587264753')) //trueconsole.log(phoneRuler('1358726475')) //false// 校验身份证号码function isCardNo(card) { // 身份证号码为15位或者原创 2020-11-05 09:52:27 · 568 阅读 · 0 评论 -
jquery实现数据三级联动
<style> *{ margin: 0;padding: 0;} table {border-spacing: 0;border-collapse: collapse;} td { display: table-cell;vertical-align: inherit; } th {display: table-cell;vertical-align: inherit; font-weight: bold;height: 50px;} tr{height原创 2020-07-13 09:48:32 · 599 阅读 · 1 评论 -
js新建一个数组和对象把数据已字符串形式存入本地缓存
var arr = []; //新建一个数组 var objA= new Object(); //新建一个对象 objectA(); function objectA() { var tabitemhtml=''; objectB(msg[0].id) //传入数据的第一个id console.log(msg[0].id) for(var i=0;i<msg.length;i++){ ...原创 2020-07-13 09:43:55 · 1511 阅读 · 0 评论 -
js获取url链接参数的一些方法
//方法一function getQueryString(key) { var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)"); var result = window.location.search.substr(1).match(reg); return result ? decodeURIComponent(result[2]) : null;}//方法二function GetRequest(key)原创 2020-07-07 17:47:36 · 362 阅读 · 0 评论 -
javascript自定义rem还原设计稿
//根据设计稿750宽度(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return;原创 2020-07-07 17:37:41 · 190 阅读 · 0 评论 -
js正则匹配标题
//自定义一个标题var title = '${年份}年${系统级次}${账本}总${收支类型}结构分析';//模拟数据 var object=[ {biaoti:'收支类型',timu:'收入'}, {biaoti:'账本',timu:'一般公共预算'}, {biaoti:'系统级次',timu:'全县'}, {biaoti:'年份',timu:2020}, {biaoti:'科目级次',timu:1}, {biaoti:'数据类型',timu:'预算编制'}, ] fo原创 2020-07-07 17:05:13 · 594 阅读 · 0 评论 -
判断设备类型android和iphone
$(function () { // 判断设备类型 var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端 if (isiOS == true) { addHeight();原创 2020-05-22 16:18:56 · 463 阅读 · 0 评论 -
H5页面调用原生方法返回
var userAgent = navigator.userAgent.toLowerCase();// 调用原生方法返回function back() { if (equipment('iphone')) { naviBack({ isRefresh: '0', callBack: 'isRefresh()' }); } else if (equipment('ipad')) { naviBack({ isRefresh:原创 2020-05-22 16:11:24 · 2579 阅读 · 0 评论 -
tab选项卡联动swiper轮播图
function tabs(obj, swiperObj, className, index) { var tabSwiper = new Swiper(swiperObj, { initialSlide: index, // 设定初始化时slide的索引 speed: 500, //滑动速度，单位ms // autoHeight: true, //高度随内容变化 onSlideChangeStart: function() {原创 2020-05-22 14:04:53 · 2078 阅读 · 0 评论 -
swiper轮播图
<!-- 轮播图 --> <div class="swiper-container swiper1"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="./images/0.jpg" alt=""> </div> <div class="swiper-slide"> .原创 2020-05-22 14:02:33 · 229 阅读 · 0 评论 -
js实现日历
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc原创 2020-05-22 13:54:14 · 336 阅读 · 0 评论 -
js把时间转换为时间戳
var timer = Date.now();console.log(timer);var timestamp1 = Date.parse(new Date()); var timestamp2 = (new Date()).valueOf();var timestamp3 = new Date().getTime();console.log(timestamp1);console.log(timestamp2);console.log(timestamp3);var strtime =...原创 2020-05-22 13:50:04 · 3377 阅读 · 0 评论 -
jq实现tab选项卡
<div class="tab"> <ul class="tab-title"> <li class="this">网站设置</li> <li>用户管理</li> <li>权限分配</li> <li>商品管理</li> <li>订单管理</li>原创 2020-05-22 13:47:04 · 459 阅读 · 0 评论 -
判断客户端是什么设备登录
function browserRedirect() {var sUserAgent = navigator.userAgent.toLowerCase();var bIsIpad = sUserAgent.match(/ipad/i) == “ipad”;var bIsIphoneOs = sUserAgent.match(/iphone os/i) == “iphone os”;var bIsMidp = sUserAgent.match(/midp/i) == “midp”;var bIsU原创 2020-05-22 13:41:33 · 554 阅读 · 0 评论 -
原生javascript手机验证
body<input type="number" id="ipt" min="1" max="11" style="width: 200px;height: 20px;" required> <button onclick="mydome()">yangzheng</button> <p>如果输入的数字小于 1 或大于11，会提示错...原创 2019-11-14 09:09:00 · 198 阅读 · 0 评论 -
原生javascript方法checkValidity验证金额转账
body<!--checkValidity() 方法验证--> <div> 转账金额(1)：<input id="rmb1" type="number" min="1" max="200000" name="RMB1" required="" /> </div> <p ...原创 2019-11-13 18:20:19 · 346 阅读 · 0 评论 -
原生javascript的账号密码登录验证
调查问卷引入jquery<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>stylebody{ margin: 0 !important; padding: 0; background: url('images/indexBj.png')no-rep...原创 2019-11-13 15:00:03 · 3089 阅读 · 0 评论 -
javascript实现小游戏贪吃蛇
贪吃蛇style<style> .face{ height: 400px; width: 600px; margin-left: auto; margin-right: auto; position: relative; bac...原创 2019-11-07 17:41:20 · 461 阅读 · 0 评论 -
javascript实现小游戏俄罗斯方块
俄罗斯方块style <style> div { display:block; background-color:black; position:absolute; font:17px Tahoma; color:#fff; } span { floa...原创 2019-11-07 17:24:54 · 351 阅读 · 0 评论 -
登录的一些正则验证
输入框的验证和禁止<form action=""> <p> 数字 <input type="text" onkeyup="this.value = this.value.replace(/\D/g,'')"> </p> <p> ...原创 2019-10-22 14:47:39 · 193 阅读 · 0 评论 -
面向对象实列
<style type="text/css"> .active div { position: absolute; top: 10; left: 10; width: 100px; height: 100px; background-color: red; } </style> </head>...原创 2019-09-18 10:23:48 · 117 阅读 · 0 评论 -
登录时账户密码记住密码cookie
<body> 账号：<input type="text" /><br /> 密码：<input type="password" /><br /> <input type="checkbox" />记住密码<br /> <button>登录</button> </bod...原创 2019-09-18 10:16:38 · 240 阅读 · 0 评论