js/jq
笑到世界都狼狈
我来到这个世上,就没打算活着回去
展开
-
js获取电脑分辨率不同的时候给div设置不同的高度
项目中有遇到类似的问题,是通过获取分辨率进行修改的,记录一下。/** * 分辨率高度小于900时高度变小 * @type {number} */var windowsHeight = window.screen.height;//屏幕分辨率高度var dialogHeight = 0;//声明一个变量,高度if (windowsHeight > 900){ dial...原创 2020-03-13 09:44:39 · 927 阅读 · 2 评论 -
js正则,判断包含数字,小写字母,大写字母,特殊字符中的任意2种,任意3种,四种都包括
在项目开发中,关于密码的强度由用户自定义来实现。这样对密码的正则限制就需要动态判断进行限制。已知有数字、小写字母、大写字母、特殊字符4种。2.至少包含任意三种。1.至少包含任意两种。翻译 2022-11-03 11:56:03 · 3240 阅读 · 0 评论 -
js判断字符串以某个特定字符串开始
举例,js判断字符串为:A开头_(下划线)两位数字_(下划线)BC或DEF_(下划线),正则为:/^A\d{2}_(BC|DEF)_/代码如下:function isAccount(option) { // 匹配S开头,后面跟两位数据加下划线,后面是AD或LDAP下划线,之后任意 var reg = /^A\d{2}_(BC|DEF)_/; if (reg.test(option)) { return '匹配成功'; }else { return '匹配..原创 2021-12-15 20:01:06 · 2270 阅读 · 0 评论 -
js判断字符串中是否包含某个特定字符,截取特定字符前或特定字符后的数据
// 1.截取最后一个下划线后面的数据var account = 'hh_sa_cc_xx';if(account.indexOf("_") == -1) { console.log('字符串中不包含下划线');}else { console.log('有下划线,截取最后一个下划线后面的字段'); account = account.substring(account.lastIndexOf("_")+1) console.log('acount', account); // 返回xx}.翻译 2021-11-26 19:58:06 · 2508 阅读 · 0 评论 -
js之splice()向/从数组中添加/删除指定元素
注:splice()方法会改变原始数组。原创 2021-11-26 19:28:57 · 1184 阅读 · 0 评论 -
Vulnerable Javascript library
首先说明一下,这个问题的由来:源于我们开发的项目送去上海检测,结果送检没通过,被打回来了,返回的结果有这么一条:Vulnerable Javascript library然后字面翻译就是"脆弱的js",对于小白的我来说,从来没遇到过这个问题,然后就赶紧百度,百度返回的结果是---------js插件库版本太低,升级就好了。那么问题来了,项目中用到那么多插件,总不至于让我把所有的插件都升级一遍吧,这样可能会死人的。。。。。接下来:我们部门做底层开发的同事安装了一下叫"nessus"的工具,帮我扫描原创 2021-06-25 13:56:34 · 11818 阅读 · 0 评论 -
each遍历select下拉列表
1.each遍历select下拉列表:$.each(res.data,function (index,item) {//遍历认证后WLAN下拉列表框中的值 roleListOption += '<option value="'+item.id+'" >'+item.name+'</option>\n';});var $releOption = '<option value="-1">请选择部门角色</option>' + roleListOpt原创 2021-06-11 15:52:58 · 1014 阅读 · 2 评论 -
js生成数组对象
因为我们的项目用的一些知识比较老旧,所以老是需要对各种数据拼拼凑凑,但是吧,写完了之后下次在写还老容易忘记,所以都记下来,当笔记用了,下次在遇到,直接复制粘贴就好了。var updateArr = new Array();var tbodyTR = $("#tbody>tr");//todo 将表格数据拼接成一个数组对象for (var j = 0;j<tbodyTR.length;j++){ var updateObj = {}; updateObj = { ip翻译 2021-06-11 15:42:25 · 873 阅读 · 0 评论 -
js判断两个数组是否相等
项目中遇到要判断两个数组是否相等,在控制台直接打印了一下,发现是不相等的,需要通过JSON.stringify()将数组转换成JSON字符串后在进行对比,如下图所示结果:翻译 2021-06-11 15:17:31 · 825 阅读 · 5 评论 -
js判断两个对象相等
最近项目中有遇到在点击切换按钮的时候,要判断当前页面的数据有没有发生修改,如果发生了修改,则提示是否保存的功能。刚开始觉得很麻烦,后来想了一个办好,将页面初始化和点击切换时的数据写成li...翻译 2021-06-11 14:44:47 · 2247 阅读 · 3 评论 -
ie8不支持Object.keys(obj).length获取对象长度
在项目中遇到要获取对象长度的问题,网上查找的方法是用Object.keys(obj).length,确实很好用,但是当我测试ie8的时候ie8不支持这种方法,所以又重新写了一种方法,如下两种:1.如果对浏览器要求不高,就可以直接用这种方法:var obj = {'0':'a','1':'b','2':'c'};var objLength = Object.keys(obj).length;console.log('objLength',objLength);2.支持ie8的方法:大概思路就翻译 2021-05-11 16:32:33 · 722 阅读 · 4 评论 -
js判断图片有没有加载完成
项目中遇到一个需要等二维码加载出来之后,在执行一些请求的需求,在网上看到一些方法都是什么if(img.comlpete){}或者img.onload之类的方法,但是我试了都没啥用,于是想到应该是页面一进去,图片(请求的服务器图片)还没有返回,就已经将if(img.comlpete){}执行完成,所以根本就进不去。最后加了一个定时器,解决了这个问题,代码如下:var $pathWx = 'https://pics4.baidu.com/feed/03087bf40ad162d93da6bac原创 2021-04-27 09:24:37 · 2210 阅读 · 0 评论 -
js判断数字是否为等差数列(2n+1)
项目中遇到一个当数字为1,3,5,7,9,,,,,,,,,,的时候,执行一个事件,突然才想起来js还有%取模这个功能如上图所示:1 % 2 = 1;3 % 2 = 1;5 % 2 = 1;7 % 2 = 1;9 % 2 = 1;11 % 2 = 1;所以直接判断这个数字(num % 2 == 1)就可以写对应要执行的函数了if (num % 2 == 1){//说明当前num为(2n+1)的数 //在里面写对应要执行的函数即可 }...原创 2021-04-26 15:31:40 · 793 阅读 · 0 评论 -
js实现点击label标签的时候,选中复选框
首先,我们平时通过label自带的for属性就可以将label和单选或者复选的效果连接在一起了,代码如下:<%--我们只要保证复选框的id和label标签的for属性名称保持一致,这样点击文字的时候,复选框就会选中--%><input type="checkbox" id="chk"><label for="chk">guest</label>但是项目中遇到复选框数量不定,遍历出来的数据时,给每一个复选框加id就有点麻烦了,所以写一段js可以简单实原创 2021-03-02 13:42:11 · 2100 阅读 · 0 评论 -
js数组去重,将字符串push进数组,合并两个(三个)数组生成合并后的key:value数组
首先,先看一下我项目中需要实现的功能,大概如下图所示:实现:1.反选/*** 页面一加载进来的时候,设置勾选过的默认选中* */var liEdit = $("#whiteList ul>li>.outInputVal");//列表value值var whiteSelect = $("#blackSearchList ul>li>.inputVal");//弹出来的选择框value值if (liEdit.length > 0){ for (v.原创 2020-07-28 10:31:25 · 2650 阅读 · 0 评论 -
按tab键,让光标在input框与登录按钮之间来回切换
1.html代码:<form action="login" method="post" id="loginForm"> <div> <div class="account clear_fix"> <div class="icon"> <img src="${APP_PATH}/static/image/pc/loginAccount.png" alt=""> </div翻译 2020-07-21 14:04:21 · 1586 阅读 · 0 评论 -
jq,select页面刚加载进去的时候,默认选中某个指定变量元素
<select id="nodeSystemType"> <option value="0" selected="selected"></option></select>var systemTypeSelect = 1;//变量,后台获取的需要选中的value值 var systemTypLi = $("#nodeSystemType>option"); for (var i = 0;i<systemTypLi.lengt.翻译 2020-07-21 11:17:22 · 563 阅读 · 0 评论 -
jq鼠标悬停事件,(jq取消鼠标悬停事件),jq在特定条件下才执行鼠标悬停事件
1.鼠标悬停,显示与隐藏$("#nav ul li").hover(function () { $("#nav ul li ul li").show();},function () { $("#nav ul li ul li").hide();});2.取消鼠标悬停事件$("#nav ul li").unbind('mouseenter mouseleave');3.在特定条件下取消鼠标悬停事件var selectDatas = 1;if (selectD翻译 2020-07-17 14:09:51 · 2078 阅读 · 0 评论 -
js获取今天后一天时间
var curDate = new Date();var myDate = new Date(curDate.getTime() + 24*60*60*1000);翻译 2020-07-15 14:21:44 · 1111 阅读 · 0 评论 -
datetimepicker控件只显示年月日,显示日期的文本框在鼠标滚动的时候时间会发生变化
首先,我想要只显示年月日,看了半天文档找到了timepicker:timepicker: false,//设置成false,时间空间就只显示年月日但是当我以为大功告成的时候,却发现显示时间的文本框在鼠标滚动的时候时间会发生变化readonlay没用,效果如下图所示:所以又是一通找,最后又找到了scrollInput:scrollInput:false//设置成false,鼠标滚动的时候,显示的时间就不会在发生变化完整代码如下:// 将时间改成日期插件,只显示年月日$(.翻译 2020-06-19 20:07:20 · 2895 阅读 · 0 评论 -
js判断字符串以^开始$结束,中间部分不能包含中文
最近项目中有一个文本框输入的是不是正则表达式,本来是打算写个正则表达式来判断是否是正则的,结果技不如人,写了半天写不出来,所以后来想了一个笨办法,就是截取字符串,通过字符串来判断。下面是代码部分:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body>原创 2020-06-05 09:46:51 · 531 阅读 · 0 评论 -
js判断字符串重复/去重
首先原文链接:https://www.cnblogs.com/chj929555796/p/9856897.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript" src="js/翻译 2020-06-02 14:06:11 · 2932 阅读 · 0 评论 -
js实现ip地址和子网掩码功能计算,并判断指定ip地址是否在网段之间
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script> <...翻译 2020-05-06 14:56:36 · 3700 阅读 · 0 评论 -
将一组复选框变成单选模式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script> <...原创 2020-04-28 19:41:53 · 495 阅读 · 2 评论 -
js/jq判断输入有没有后缀名,如果没有,自动添加后缀名,若有后缀名则判断是否合法
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.12.4.min.js">...原创 2020-04-16 17:08:59 · 1316 阅读 · 0 评论 -
js/jq多个select下拉列表框选中其中一个,控制当前改变后一个下拉列表框显示的数据
要实现的效果如下图所示:代码部分:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/java...原创 2020-04-16 14:34:13 · 1644 阅读 · 0 评论 -
HTML中将ip地址写成输入,点的形式,将mac地址写成输入,冒号的形式,并进行前后端的数据交互,以及实现一些快捷的操作及输入的限制。(代码封装)
首先去年我写过一篇一模一样的文章,那个时候在初步探索,所以写的代码有点累赘,没有想到封装这个层面,这段时间写的一个页面上有多个ip或多个mac的,用之前的方式要写好多代码,所以我封装了一个函数,在用到的页面调用就好了。页面前端html页面请看:https://blog.csdn.net/qq_36509946/article/details/102886463接下来看一下我对js共用部分进...原创 2020-04-10 17:09:06 · 753 阅读 · 0 评论 -
js/jq两组单选框关联起来,点击一组,另一组随第一组一起变化(判断单选选中未选中)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="js/jquery-1.12.4.min.js"&g...原创 2020-03-13 09:38:36 · 776 阅读 · 0 评论 -
jq给密码框加小眼睛,点击眼睛可以看到密码
<html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script> ...翻译 2020-03-13 09:29:14 · 1097 阅读 · 0 评论 -
jq实现点击div任意地方触发保存事件,但是触发div里的其他标签不触发保存事件
我项目中需要实现的效果大致如下图所示:大致实现的思路如下:// 点击任意地方实现保存$('.policyWhiteShow input').bind("click",function(event){ event=event||window.event; console.log('点击input!!!!!'); event.stopPropagation()...翻译 2020-03-03 10:01:42 · 887 阅读 · 0 评论 -
js复选框实现全选,反选的功能
项目中有遇到这个功能,百度了一个差不多都是点击全选的时候下面的全部选中,在点击的时候,下面的取消选中,但是。。。。。。他们忽略了一点,那就是点击下面的时候,也要实现全选的勾选与不勾选,所以,我用自己的方法做了处理,实现了全选与反选的功能。<!DOCTYPE html><html lang="en"><head> <meta charset=...原创 2019-12-04 16:22:30 · 747 阅读 · 0 评论 -
js正则限制文本框不能输入汉字,字母,数字等操作
/** * 写mac地址的时候有限制只能输入字母和数字 * */$('#macValList>input').bind('input propertychange',function () { //限制mac只能输入数字和字母 var c=$(this); if(/[^\w]/.test(c.val())) { //当输入非数字和字母的时候用'...原创 2019-11-07 14:54:02 · 9905 阅读 · 0 评论 -
HTML中将ip地址写成输入,点的形式,将mac地址写成输入,冒号的形式,并进行前后端的数据交互,以及实现一些快捷的操作及输入的限制。
首先说明一下,最近项目中有个需求是将ip和mac写成如下图的形式:我在网上查了一下,大概意思是这样的:然后,我就开始写代码样式了,先模仿出需要的样式后,就是向后台传值的问题了,原来一个input不管是在显示和传值上都很方便,但是换成ip四个输入框,mac六个输入框之后就很麻烦了,然后我就在每一个div前面写了一个隐藏的文本框,用于将页面上显示的ip和Mac获取到之后放到隐藏的文本框...原创 2019-11-03 20:33:35 · 2418 阅读 · 1 评论 -
input文本框中输入尖括号,HTML标签等之后,页面会出现问题
项目中遇到的问题,不知道咋样,就找了个正则,不让输入<尖括号,这样就好了,配上正则表达式/^[^<]*$/翻译 2019-10-31 14:45:17 · 1594 阅读 · 0 评论 -
页面刚加载进来或刷新后,光标显示在某个Input输入框中
setTimeout(function () { var onFocus = document.querySelector('#form-username'); onFocus.focus();},500)原创 2019-10-14 09:44:42 · 2260 阅读 · 2 评论 -
js,jq表格/文本内容溢出,用三个点替代,鼠标悬停时显示全部内容
项目中遇到如果表格内容太多的话页面会很丑,所以想到给表格一个最大宽度之类的,当内容超出时用三个点代替超出的部分,当鼠标悬停时显示全部的信息,下面百度到两个案例,都可以实现:1.在表格下面在添加一模一样的一行,先将其隐藏,等鼠标悬停时在显示<!DOCTYPE html><html lang="en"><head> <meta charse...翻译 2019-05-26 00:20:26 · 4145 阅读 · 2 评论 -
js生成三位随机数
<!-- 生成三位随机数 --> <script type="text/javascript"> var num = ''; for(var i=0;i<3;i++) { num+=Math.floor(Math.random()*10); } consol...翻译 2019-05-26 00:08:00 · 11491 阅读 · 0 评论 -
js获取select option中的值或者value值
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><select id="sel" onchange="cge()"> <option value="1...翻译 2019-05-26 00:06:24 · 15671 阅读 · 4 评论 -
js获取年月日时分秒
<script type="text/javascript"> var date = new Date(); var year = date.getFullYear(); var month = date.getMonth()+1; var day = date.getDate(); var hour = ...原创 2019-05-26 00:02:17 · 5358 阅读 · 0 评论 -
js限制input输入的最大字节
项目中遇到的问题是要求输入的最大字节是10个,但是input自带的maxlength不能实现,正则表达式也不好实现,所以看到别人的一种写法,感觉很好用,所以记录下来<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document...翻译 2019-05-25 23:36:46 · 3086 阅读 · 0 评论