JavaScript
关注
分享
扫一扫
爬坑之旅
gyuei
专栏内容均为个人笔记
展开
-
JS之 MD5加密的使用
【代码】JS之 MD5加密的使用。原创 2023-05-15 15:44:13 · 2125 阅读 · 1 评论 -
export与module.exports写法
export与module.exports写法原创 2022-09-01 11:05:26 · 838 阅读 · 0 评论 -
JS之 生成qq在线客服
QQ在线客服链接代码<a target="_blank" href="http://wpa.qq.com/msgrd?v=1&uin=QQ号&site=qq&menu=yes">在线客服</a>应用示例<a target="_blank" href="http://wpa.qq.com/msgrd?v=1&uin=XXXXXX&site=qq&menu=yes">在线客服</a>点击跳转刷新页面.原创 2021-10-27 17:56:55 · 1536 阅读 · 0 评论 -
JS之 获取日期方法
通过日期方法获取日期值（年、月、日、时、分、秒、毫秒）new Date()方法1.返回当前时间2.实例：let date = new Date()console.log(new Date)getDay()方法1.以数字0-6返回日期的星期名2.实例：let date = new Date()console.log(date.getDay())getFullYear()方法1.以四位数字形式返回日期年份2.实例：let date = new Date()conso原创 2021-08-27 17:32:27 · 3647 阅读 · 3 评论 -
Js之 filter方法使用实例
返回数组 array中所有元素id都等于 8 的元素已知数组array：let array = [ { id: 1, name: "服务A" }, { id: 1, name: "服务A" }, { id: 4, name: "服务B" }, { id: 8, name: "服务D" }, { id: 8, name: "服务D" }, { id: 8, name: "服务D" }, { id: 8, name: "服原创 2021-08-20 16:17:05 · 403 阅读 · 0 评论 -
JS之 动态控制checkbo选中状态
需求:动态控制checkbox框的选中状态HTML部分代码如下:<label><input type="checkbox" name="currency" value="人民币" ${info.currency_name === 'CNY' ? 'checked' : ''}/>人民币</label><label><input type="checkbox" name="currency" value="外币" ${info.currency_n原创 2021-01-11 18:17:33 · 1380 阅读 · 0 评论 -
JS之动态添加class
HTML部分代码如下:<span class="${this.getCurrency(amount)}">${amount)} 拾 </span>JS部分代码如下:getCurrency(s) { if (s === undefined || '') { return 'hidden' } else { return 'show' }},CSS部分代码如下:.show{display: inline;}.hidden{display: no原创 2021-01-11 18:08:51 · 1441 阅读 · 2 评论 -
Js之 filter、map、reduce的使用
总结:1.filter() 不会对空数组进行检测,filter() 不会改变原始数组2.map() 不会对空数组进行检测,map() 不会改变原始数组原创 2020-12-25 14:54:11 · 392 阅读 · 2 评论 -
js之Es6字符串模板
通过 ${变量名}进行操作const name = '小红'const age = 18const school = 'XX大学'// 字符串模版拼接const res = `${name}今年${age}岁了，在${school}上学`console.log(res)结果如下：原创 2020-09-17 10:07:07 · 430 阅读 · 0 评论 -
js之去掉字符串中的标签
去掉字符串中的标签// 已知变量及对应的值let str = "ALEOD<u>1233451</u>"// 用replace方法及正则表达式实现let res =str.replace(/<.*?>/ig,"")console.log('result',res )最终结果如图：原创 2020-09-09 00:59:48 · 2111 阅读 · 0 评论 -
js防止按钮多次点击
var clicktag = 0;$('#downloadImg').click(function () { if (clicktag == 0) { clicktag = 1; alert('触发了点击事件'); // 此处可以添加其他逻辑 // 3秒后按钮可正常点击 setTimeout(function() { clicktag = 0 }, 3000); }});...原创 2020-09-03 00:50:53 · 1174 阅读 · 0 评论 -
JS打印之指定元素分页，自动插入分页符
<div style="height:794px; width:0 auto;page-break-after: always;"></div>注意：加上page-break-after: always之后，该div后边的内容才会另起一页原创 2020-06-22 12:33:23 · 1594 阅读 · 0 评论 -
Js中json字符串中font-转成驼峰式写法
// // 将style 样式中的属性转化为驼峰式var itemRes = {"id":"15","name":"客户编号","method":"offset","type":"auto","position":"absolute","left":"320px","top":"55px","font-weight":"bold","font-size":"14px","font-family":"\"Microsoft Yahei\"","cursor":"move","margin":"0px","原创 2020-06-22 10:06:51 · 742 阅读 · 0 评论 -
关于html2canvas
http://html2canvas.hertzen.com/documentation原创 2020-06-03 18:40:09 · 347 阅读 · 0 评论 -
清除localStorage保存的全部数据
html部分代码如下：<button type="button" id="Refresh">恢复默认</button>js部分代码如下：//清除缓存$("#Refresh").click(function() { window.localStorage.clear(); //清除缓存});原创 2020-05-29 10:41:25 · 9010 阅读 · 0 评论 -
Print插件删除打印时间和请求的网址
在style标签中加入下列代表：<style type="text/css"> @page { margin-bottom: 0; }</style>原创 2020-05-13 10:03:32 · 1239 阅读 · 1 评论 -
Js之 闭包与for循环实例
List item<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> &.原创 2020-05-10 17:44:09 · 241 阅读 · 0 评论 -
Js之 动态引入外部css/js文件
写自定义函数（url为文件路径）供以后的元素调用： //加载外部css文件 function loadCss(url) { var head = document.getElementsByTagName('head')[0]; var link = document.createElement('link'); link.type='text/css'; link.rel = 'stylesheet'; link.media = "print";//打印的css(显示于屏幕的c.原创 2020-05-10 01:00:32 · 2441 阅读 · 1 评论 -
判断一个变量是否存在
判断一个变量是否存在js中可以直接用变量判断，存在就是有eg: if(a!=false)和if(a)结果一样eg: if(a!=undefined)和if(a)结果一样原创 2020-03-12 16:47:42 · 936 阅读 · 0 评论 -
JS获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度(个人收藏)
网址：https://www.cnblogs.com/wujindong/p/5592908.html相关信息网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offset...原创 2020-03-11 11:29:09 · 428 阅读 · 0 评论 -
JS之数组去重并排序
定一个排序数组，你需要在原地删除重复出现的元素，使得每个元素只出现一次，返回移除后的新数组。var nums = [0,0,1,1,1,2,2,3,3,4];代码如下：var nums = [0,0,1,1,1,2,2,3,3,4]; var b = nums.sort();//排序 var c = [...new Set(b)]//去重 console.log(c)最终结果：...原创 2020-01-09 10:45:39 · 537 阅读 · 0 评论 -
JS数组中三数之和等于0
给定一个包含 n 个整数的数组 nums，判断 nums 中是否存在三个元素 a，b，c ，使得 a + b + c = 0 ？给定数组 nums = [-1, 0, 1, 2, -1, -4]，var threeSum = function(nums) { var result = []; for(var i = 0;i<=nums.length;i++){ ...原创 2020-01-08 16:02:45 · 1306 阅读 · 0 评论 -
JS之限制input输入类型
只能输入和粘贴汉字<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">输入框只能输入正整数...原创 2019-12-10 18:43:48 · 354 阅读 · 0 评论 -
JS中的双击事件
目的：双击某按钮，显示某部分内容html部分代码如下所示：<button class="btn btn-default" id="box" >登录</button><div class="modal"></div>js部分代码如下所示：<script src="//libs.baidu.com/jquery/1.10.2/jqu...原创 2019-11-26 14:15:33 · 549 阅读 · 1 评论 -
点击编辑按钮，编辑按钮下方的文本框变为可编辑
当页面中存在多个编辑按钮与文本框时：点击当前编辑按扭对应的文本框变为可编辑状态，且当前点击的编辑按钮变为保存按钮html部分代码如下：<button class="edit_border">编辑</button><textarea class="edit_contain" placeholder="请输入内容" value="" disabled="disab...原创 2019-11-14 16:52:36 · 3864 阅读 · 0 评论