js
漂移的电子
哎呀呀
展开
-
做项目常用js效果总结
定时器var int = setInterval(function() { /* */ clearInterval(int);}, 1000);对象拼接://对象obj2拼进obj1中Object.assign(obj1, obj2) 数组拼接:es6中https://blog.csdn.net/weixin_40030173/article/details/107660261原创 2020-09-23 16:52:37 · 230 阅读 · 0 评论 -
ES6 常用的新特性总结,应用和例子
数值1、Number.isFinite()判断参数是否为有限的数值2、Number.isNaN()判断括号里面的参数是否是NaN3、取小数 Number.parseFloat()Number.parseFloat('3.1415926hello') //3.14159264、取整数 Number.parseInt()Number.parseInt('3.1415926hello') //35、去小数取整数 Math.trunc()Math.trunc('3.141592原创 2020-07-29 18:08:29 · 276 阅读 · 0 评论 -
js判断文件类型
if (!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(url)) { alert("图片类型必须是.gif,jpeg,jpg,png中的一种"); }原创 2021-08-25 15:00:32 · 4932 阅读 · 0 评论 -
TypeError: str.replace is not a function
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。操作对象如果不是字符串会报错:let str=20str=str.replace(/\s*/g,"")解决:str=str.toString().replace(/\s*/g,"")...原创 2021-07-28 11:05:54 · 4527 阅读 · 0 评论 -
正则表达式-去除中括号
let str="车门[ 车门 ]"let str1=str.replace(/\[|]/g,'') //车门 车门 let str2=str.replace(/\[.*?\]/g,'') //车门let str3=str.replace(/\[.*\]/,'') //车门\:将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,“n”匹配字符“n”。“\n”匹配一个换行符|:或的意思;/g:全局搜索。.:表示除换行符和其他Unicode行终止转载 2021-07-27 14:28:03 · 1518 阅读 · 0 评论 -
[Vue warn]: Error in render: “TypeError: cellValue.replaceAll is not a function
去除中括号,如:“车门[ 车门 ]” let reg = new RegExp('\\[(.+?)\\]',"g"); return str.replaceAll(reg,"");上面方法,在edge浏览器、谷歌浏览器没问题,但是在搜狗和QQ浏览器就报错。解决办法:return str.replace(/\[.*?\]/g,'')...原创 2021-07-27 13:45:03 · 894 阅读 · 0 评论 -
jq常用总结
if ($(this).parent().siblings(".showBigImg").css("display") == 'none') {} $(this).parent().css("display", "none") $(this).parent().siblings(".showBigImg").css("display", "none")原创 2021-06-03 10:41:29 · 94 阅读 · 0 评论 -
js点击空白处关闭
一、jq<div class="small_img" style="width: 100px;height: 100px;border: 1px solid red;"></div><script>$(document).click(function(e) { var demo = $('.small_img');//目标区域 if (!demo.is(e.target) && demo.has(e.target).length == 0 ) {原创 2021-05-31 19:55:12 · 782 阅读 · 0 评论 -
js 图片放大镜效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.转载 2021-04-16 10:15:20 · 239 阅读 · 0 评论 -
jq监听窗口大小变化
function screenFuc() { //屏幕小于768px时候,布局change var winWidth = $(window).innerWidth(); if (winWidth <= 768) { } else { } } (window.onresize = function() { screenFuc(); })();原创 2021-04-09 16:36:55 · 1123 阅读 · 0 评论 -
js / jq /vue按下回车(enter)键触发...事件
js<input id="myInput" value="一些文本.."><button id="myBtn" onclick="javascript:alert('Hello World!')">按钮</button><script type="text/javascript"> var input = document.getElementById("myInput"); input.addEventListener("keyup", funct原创 2021-04-08 14:37:56 · 1275 阅读 · 0 评论 -
WebSocket 心跳检测&&重新连接
//初始化websocket createWebSocket() function createWebSocket() { try { if ('WebSocket' in window) { websocket = new WebSocket("wss://xxx"); } init() } catch (e) { console.log('catch' + e); reconnect(); } }.转载 2021-04-08 14:08:12 · 761 阅读 · 0 评论 -
js 关闭当前窗口
阻止弹框出现:window.opener = null;window.open(’’, ‘_self’);源码: <button type="button" onclick="winClose()">关闭</button> <script type="text/javascript"> function winClose() { window.opener = null; window.open('', '_self'); w.原创 2021-04-08 14:05:24 · 1269 阅读 · 0 评论 -
js当前页面打开小窗口 window.open
height=350 窗口高度 width=480 窗口宽度 scrollbars=no 不显示滚动条 resizable = no 不能调整大小 status = no 不显示状态栏 toolbar = no 不显示工具栏 menubar = no 不显示菜单栏 location=no 是否显示地址栏,yes为允许; status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许 <p class="shangqiao" s...转载 2021-04-08 13:57:49 · 3841 阅读 · 0 评论 -
js /jq上传input file 上传图片文件至服务器
<input type="file" name="file" onchange="selectImg(this)" accept="image/jpg,image/jpeg,image/png" id="inputImage"> <img src="" class="imgSrc"/> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script&g.原创 2021-04-08 11:56:29 · 1231 阅读 · 0 评论 -
js/jq监听粘贴图片事件,并上传服务器
<div id="div-textarea" contenteditable="true" style="width: 260px;"></div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script type="text/javascript"> document.getElementById(".原创 2021-04-08 11:25:29 · 656 阅读 · 0 评论 -
监听复制粘贴图片,并发送服务器
<div id="elInput" contenteditable="true" style="width:300px;height:200px;border:1px solid #333;"></div> document.getElementById("elInputId").addEventListener("paste", function(event) { var items = event.clipboardData.items; if (item原创 2021-03-25 20:16:02 · 199 阅读 · 0 评论 -
滚动到div底部
<div id="scrollBox"></div>function scrollHeight() { var objDiv = document.getElementById("scrollBox"); objDiv.scrollTop = objDiv.scrollHeight},原创 2021-03-24 09:33:16 · 95 阅读 · 0 评论 -
判断字符串纯空格
var reg = /^\s+$/g if (reg.test(parmas)) { console.log('全是空格') } else {}原创 2021-03-22 16:43:35 · 472 阅读 · 0 评论 -
页面所有el-select设为只读、不可编辑
如果页面有多个el-select<el-select v-model="ysStore.businessCateory" filterable placeholder="请选择" :disabled="!isSearch"><el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select>原创 2021-01-04 19:17:07 · 18848 阅读 · 0 评论 -
el-upload 设置只读,不可编辑
详情或者其他特定环境,el-upload 设置只读//禁止上传图片function fn(e) { e.stopPropagation();}var arr = document.getElementsByClassName('el-upload--text')for (var j = 0; j < arr.length; j++) { arr[j].addEventListener('click', fn, true); }...原创 2021-01-04 19:05:13 · 2811 阅读 · 0 评论 -
页面多个input 设置只读
var Inp = document.getElementsByTagName("input");for (var i = 0; i < Inp.length; i++) { // if(Inp[i].type="text"){} Inp[i].setAttribute("readOnly", false);}如果需要设背景色Inp[i].style.backgroundColor = '#FFFFFF'原创 2021-01-04 18:58:10 · 242 阅读 · 0 评论 -
判断数组、对象为空
1、判断对象为空 var obj = {}; if(JSON.stringify(obj) == "{}"){ console.log('空') }或用es6间接证明利用对象在中所有的键,组成数组并判断数组是否为空,如: const obj = { 10: ‘a’, 11: ‘b’, 12: ‘c’ };console.log(Object.keys(obj) ) // [“10”, “11”, “12”] var obj = {}; let arr=Object.ke原创 2020-11-25 10:17:05 · 1605 阅读 · 0 评论 -
字符串截取、去重、去空格、强转
字符串截取:let str="0123456789"; //截取前面5个字符 str.substring(str.length-4)str=str.substring(0,5) //01234 //截取后面5个字符str=str.substring(5) //56789 //截取第6~7个字符str=str.substring(5,7) //56去掉字符串中相同的字符:var a="aaAA56789999";a = a.replace(/(.)(?=.*\1)/g,""原创 2020-11-25 09:51:28 · 426 阅读 · 0 评论 -
JSON.parse() && JSON.stringify() ,字符串中解析出json数组&&数组转换成json字符串
let pic="["https://cos.cloudssss.com/n72xbsc9aw3ajyw8oyp6.jpg"]"从一个字符串中解析出json数组let arr=JSON.parse(pic) //object ["https://cos.cloudssss.com/n72xbsc9aw3ajyw8oyp6.jpg"] 数组转换成json字符串let str= JSON.stringify(arr) //string ["https://cos.cl原创 2020-11-04 16:09:12 · 1101 阅读 · 0 评论 -
js 取小数点后两位的几种方法 && 取整
javascript 取小数点后几位方法总结Javascript取float型小数点后两位,例22.123456取成22.12,如何做?1.通过substring截取。function getnum() { var num = 22.123456; var result = num.substring(0,s.indexOf(".")+3); alert(result); }2. 正则表达式。function getnum() { var num = 22.123456; var aNew; va原创 2020-09-25 16:01:19 · 2856 阅读 · 0 评论 -
日期时间获取、多种格式转化总结、倒计时
将日期格式2018-09-10 08:00:00转化为时间戳//获取到的时间var nowTime = '2018-09-11 13:50:52';var thisTime = nowTime;thisTime = thisTime.replace(/-/g, '/');var time = new Date(thisTime);time = time.getTime();原创 2020-09-24 15:47:31 · 210 阅读 · 0 评论 -
多种方法给checkbox赋值、获取value值、全选、取消全选
<div class="checkbox_box"> <input type="checkbox" name="coupon_id" id="" value="1" class="checkbox_coupon" /><label for="">111</label> <input type="checkbox" name="coupon_id" id="" value="2" class="checkbox_coupon" />&l.原创 2020-07-01 16:55:44 · 6153 阅读 · 0 评论 -
动态生成的table表格,及解决td无法设置固定高度的问题
一、解决动态生成的table 的td无法设置固定高度的问题:td里加一个div,在给div设置高度即可。二、动态生成表格源码如下: <table class="table table-striped text-left ctltable" id="list"> <thead> <tr> <th width="10%">序号</th> <th width="10%">1</th>原创 2020-07-01 11:40:49 · 1236 阅读 · 1 评论 -
多种方法给select赋值、获取value值、全选、取消全选
<select name="demo_demo" id="demo"> <option value="">全部</option> <option value="1" selected="selected">接口</option> <option value="2">导表</option> </select>一、多种方法设置select1、jquery 赋值var str='2';$.原创 2020-06-23 18:24:25 · 10684 阅读 · 1 评论 -
上传后缀是.xls格式的excel表格上传到服务器
<input id="file_file" type="file" name="file" accept="application/vnd.ms-excel" value="" />$('#file_file').click(function() { var fileObj = document.getElementById("file_file").files[0]; // js 获取文件对象 var intervalID = setInterval(my, 1000); func原创 2020-06-23 14:25:41 · 759 阅读 · 0 评论 -
input accept属性筛选文件类型,及input file的选择的文件清空
一、accept属性 筛选文件类型设置支持 .doc / .docx / .xls / .xlsx / .pdf 格式:<input type="file" accept=".doc,.docx,.xls,.xlsx,.pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" >如果需要支持 .png 等,则在 accept 添加上既可,都逗号分隔。原创 2020-06-19 15:09:38 · 2190 阅读 · 0 评论 -
js 禁止选取复制粘贴
js 禁止选取、禁止复制粘贴原创 2020-06-02 10:21:17 · 313 阅读 · 0 评论 -
搞懂JS闭包各种坑
闭包是js开发惯用的技巧,什么是闭包?闭包指的是:能够访问另一个函数作用域的变量的函数。清晰的讲:闭包就是一个函数,这个函数能够访问其他函数的作用域中的变量。function outer() { var a = '变量1' var inner = function () { console.info(a) } return inner // inner 就是一个闭包函数,因为他能够访问到outer函数的作用域}很多人会搞不懂匿名转载 2020-05-20 17:42:04 · 129 阅读 · 0 评论 -
js向上、向下取整、四舍五入
js取整数、取余数的方法1、丢弃小数部分,保留整数部分:parseInt()console.log( parseInt(5 / 2) ) //22、向上取整,有小数就整数部分加1:Math.ceil()console.log( Math.ceil(5 / 2) ) //33、四舍五入:Math.round()console.log( Math.round(5 / 2) ) //34、向下取整:Math.floor()console.log( Math.floor(5转载 2020-05-20 12:05:55 · 358 阅读 · 0 评论 -
js获取data-*属性值,及赋值
js获取data-*属性、及设置赋值,此处以a标签为例:<a href="javascript:;" data-id="2020" id="demo0">data0</a><a href="javascript:;" data-name-id="202005" id="demo1">data1</a><a href="javascript:;" id="demo2">data2</a>一、jq获取data属性值的两种方法:原创 2020-05-19 15:35:11 · 10764 阅读 · 0 评论 -
一个简单的js自定义分页
写了一个js分页,虽然功能不复杂,不过简单可用。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .page_box { text-align: center; margin: 30px 0; } .原创 2020-05-19 14:24:32 · 421 阅读 · 0 评论 -
随机生成32位字符串
var str = "", range = 32, arr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v',...原创 2020-04-27 11:00:18 · 7132 阅读 · 0 评论 -
jQuery ajax get/post请求&&原生ajax请求
jQuery ajax请求步骤五步post请求: $.ajax({ type: 'POST', // 规定请求的类型(GET 或 POST) url: 'https://xxx.com', // 请求的url地址 dataType: 'json', //预期的服务器响应的数据类型 contentType: "application/x-www-form-urlenco...原创 2020-04-26 11:34:10 · 184 阅读 · 0 评论 -
video循环播放队列多个视频
<video id="myvideo" width="320" height="auto" controls="controls" muted> <!-- 加muted 是为了可以实现自动播放 --> 你的浏览器不支持HTML5播放此视频 <span style="white-space:pre"> </span><!-...原创 2020-04-26 10:54:49 · 900 阅读 · 0 评论