JavaScript
关注
分享
扫一扫
JavaScript技术分享
皮皮冰要做大神
我离大神只差一步 哈哈哈 一起进步
展开
-
【JavaScript】-----JS实现日期后缀转为中文年月日分秒格式
【代码】【JavaScript】-----JS实现日期后缀转为中文年月日分秒格式。原创 2024-04-02 16:08:56 · 565 阅读 · 1 评论 -
【Jquery】-------JS实现关键字检索html内容，符合关键字的匹配项，进行标注背景色，可进行上一个，下一个切换定位
这个代码主要功能： 通过关键字检索出html内容匹配项 可进行上一个，下一个切换定位查看；原创 2022-06-23 15:27:40 · 1034 阅读 · 0 评论 -
【JavaScript】-------JavaScript实现 手机号验证，密码强度验证，验证码倒计时的三个功能的实例
一，JavaScript实现 手机号验证，密码强度验证，验证码倒计时的三个功能实例。1.手机号验证：//手机号验证function checkPhone(phone) { if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(phone))) { return false; } else { return true; }}2.密码强度验证： //密码强中弱 function getPasswordStrength(passw...原创 2022-03-09 11:07:28 · 746 阅读 · 0 评论 -
【JS正则表达式】------- 知道这几个正则表达式，能让你少写 1000 行代码
知道这几个正则表达式，能让你少写 1000 行代码知道这几个正则表达式，能让你少写 1,000 行代码正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式的JavaScript代码：...转载 2019-04-26 10:44:39 · 354 阅读 · 0 评论 -
【JavaScript-ES6】------- JavaScript 使用canvas技术进行压缩图片大小
使用canvas压缩图片大小(转载处：https://www.xuanmo.xin/details/3189)（效果图）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...转载 2019-06-17 15:22:41 · 964 阅读 · 0 评论 -
【Nativefier】-----web网址转成window应用程序实例
1.安装node.js (有就不用安装了)https://nodejs.org/en/download/2. 安装npm （有就不用安装了）npm install -g cnpm --registry=https://registry.npm.taobao.org3.安装nativefier1. 快捷键 Win+X，运行 PowerShell(管理员)，输入下面的命令开始安装。2. npm install -g nativefier 图片:里面的代...原创 2021-12-27 16:51:40 · 741 阅读 · 0 评论 -
【CryptoJS】------CryptoJS包下载
一，CryptoJS下载链接:（1）想要下载别的版本:例如:4.1.1 那就把后缀3.1.2改成4.1.1即可https://registry.npmjs.org/crypto-js/-/crypto-js-3.1.2.tgzhttps://registry.npmjs.org/crypto-js/-/crypto-js-3.1.2.tgz原创 2022-02-19 11:20:46 · 16554 阅读 · 1 评论 -
【高德地图】------- JavaScript实现高德地图经纬度获取地址位置
1.高德地图通过经纬度获取地址信息代码 【需要高德Key值】 里面的参数我做改变了 不能暴露自己的位置哈哈哈哈 //原生ajax var fn_Ajax_Get=function(vapi,callback,errer) { //创建XMLHttpRequest var xmlHttp; if (window.XMLHttpRequest){ xmlHttp=new XMLHttpRequest(); }e.原创 2022-01-10 16:17:26 · 5526 阅读 · 0 评论 -
【JavaScript】------ JavaScript 替换 replaceAll 全部符合条件字符串方法实例
一，JavaScript替换所有符合条件字符replaceAll的方法 代码实例。 String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) { if (!RegExp.prototype.isPrototypeOf(reallyDo)) { return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi": ...原创 2021-12-03 10:03:56 · 403 阅读 · 0 评论 -
【JavaScript】------- JavaScript实现页面全屏显示，退出全屏，关闭窗体实例代码
1.JavaScript实现页面全屏显示，退出全屏，关闭窗体实例1.1 Html 代码: <!--全屏 退出--> <div class="nav-big-small-exit"> <span class="btn-big-small"><img src="/dcs/bigdata/hua_gong/image/big.png" width="26px"></span> .原创 2021-08-04 13:47:10 · 252 阅读 · 0 评论 -
【Jquery】------ Jquery实现Checkbox多选并获取值，选中全部，取消全部的实例代码展示
1.Jquery 实现click 选中checkbox 多选(或一键选中全部或取消全部)实例代码1.1 展示效果图:2.2 css 样式:<style> .bottom-block-layer-div{ left: 48rem; width: 60%; color: #fff; display: inline-flex; ...原创 2021-08-04 13:26:58 · 1057 阅读 · 0 评论 -
【Jquery】------ JS 实现子级页面调用父级页面中的函数方法及（父级页面调用子级页面中的函数方法） 代码示例
1.父级页面index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .原创 2020-09-04 09:53:22 · 2853 阅读 · 0 评论 -
【JavaScript】------ 实现JavaScript通过Click按钮、复制文字(Copy)实例
1.需要注意的是： 1.input必须不能是隐藏的 2.input框不能有disabled属性 3.input的width || height 不能为0；2.代码是最主要的核心代码 其它代码自己添加。<div><input style='opacity: 0;position: absolute;z-index:-1;' type='text' value='复制的文字'><button type='button' class='...原创 2020-08-14 10:50:56 · 372 阅读 · 0 评论 -
【JavaScript】------- Canvas 实现电子签名实例代码
1. 这个例子只是实现电子签名 如何让他符合业务 看你们的了<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta content="width=device-width,initial-scale=1,maximum-scale=1" name="viewport" /> <title>签到</title> &...原创 2020-08-04 14:14:55 · 966 阅读 · 0 评论 -
【JavaScript】------ 实现HTML背景图片文字导出生成图片(html2canvas)
1.html2canvas.min.js 下载地址: http://www.bootcdn.cn/html2canvas/2.modernizr-2.8.3.min.js下载 地址：http://www.bvbcode.com/cn/l85mxwts-2868363-down3,jquery.qrcode.js 下载地址：http://www.jq22.com/jquery-info294<!DOCTYPE html><html><h...原创 2020-05-19 16:24:26 · 1122 阅读 · 1 评论 -
【JavaScript】-------javaScript实现两个时间相差多少分钟! 实例代码
1.实现两个时间相差多少分钟! 复制就能使用！！ 方便快捷 ！！ 请点个赞！！//计算时间差-分钟 function TimeDifference(Stime, Ttime) { //判断开始时间是否大于结束日期 if (Stime > Ttime) { console.log("...原创 2020-03-11 10:26:25 · 2318 阅读 · 1 评论 -
【JavaScript】------- JavaScript判断是否中文字符串
一，JavaScript判断是否只是中文字符串 实例代码 function isChinese(temp) { var re=/^[\u4e00-\u9fa5]+$/; if (re.test(temp)) return true ; return false ; } console.log(isChinese("李幼斌eaeae"));...原创 2019-12-23 15:50:00 · 365 阅读 · 0 评论 -
【Jquery】------- JavaScript实现文本打印
1.实现JavaScript调用打印点击关闭打印调用关闭之后函数示例代码 (HTML)<div style="position: absolute; right: 20px;top:10px;z-index:333;"> <button id="btn-print" style="border:0px;background-color: #107ceae0;...原创 2019-10-30 11:26:09 · 772 阅读 · 0 评论 -
【JavaScript】------- JavaScript 实现 URL 链接加密解密 分割成对应的数据;
1.例如：<a href =“content.html？BtnType =查看＆BtnTypeData = [{name：”xiao“，{sex：”男“}}]”; 怎么获取中文而不是乱码呢在这里看如下代码：2.先进行乱码：<a href =“content.html？BtnType = encodeURI（”查看“）＆BtnTypeData = encodeURI（[{na...原创 2018-07-27 17:20:07 · 295 阅读 · 0 评论 -
【JavaScript】------- JavaScript验证form表单实用方法函数详解
一，JavaScript验证form表单实用函数详解function obj$(id) //根据id得到对象function val$(id) //根据id得到对象的值function trim(str) //删除左边和右边空格function ltrim(str) //删除左边空格function rtrim(str) .转载 2019-04-26 10:51:56 · 575 阅读 · 0 评论 -
【JavaScript】------- Javascript 实现日期时间加一天或加多天
function addDate(date, days) { if (days == undefined || days == '') { days = 1; } var date = new Date(date); date.setDate(date.getDate() + days); ...原创 2019-04-20 14:44:23 · 2919 阅读 · 0 评论 -
【JavaScript】-------- JavaScript 5种实用的循环数组数据的方法
1.这篇文章将会向大家简要的介绍JavaScript里关于数组的最重要的5个方法，这5个方法是每个想要高效的进行JavaScript编程的程序员必须知道的。 (转载处:http://www.webhek.com/post/5-array-methods-all-javascript-beginners-should-know.html)第一种方法:Array.forEach()....转载 2019-06-20 10:57:29 · 678 阅读 · 0 评论 -
【JavaScript】------- JavaScript 判断是否手机端还是电脑端
function IsPC(){ var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); var flag = true; ...转载 2019-07-08 13:23:31 · 302 阅读 · 0 评论 -
【JavaScript】------- JavaScript 钩子机制（hook）
1. 在 jQuery 2.0.0 之前的版本，对兼容性做了大量的处理，正是这样才让广大开发人员能够忽略不同浏览器的不同特性的专注于业务本身的逻辑。而其中，钩子机制在浏览器兼容方面起了十分巨大的作用。钩子是编程惯用的一种手法，用来解决一种或多种特殊情况的处理。简单来说，钩子就是适配器原理，或者说是表驱动原理，我们预先定义了一些钩子，在正常的代码逻辑中使用钩子去适配一些特殊的属性，样式或事...转载 2019-07-31 15:27:52 · 971 阅读 · 0 评论 -
【JavaScript】------- JavaScript 数组合并去重 示例代码
1. js 数组合并去重 //数组去重 function uniqueArr(arr1, arr2){ var arr3 = arr1.concat(arr2); var arr4 = []; for(var i=0,len=arr3.length; i<len; i++) { ...原创 2019-08-07 10:31:20 · 286 阅读 · 0 评论 -
【JavaScript】------- JavaScript 字符串数组转换成Json数组
1，javaScript 数组字符串转换成数组var array=JSON.parse("["liyou","str"]");原创 2019-08-07 10:33:09 · 1825 阅读 · 0 评论 -
【JavaScript】------- JavaScript 多个字符串无限拼接方法 示例
//参数拼接 function strconcat() { var arg=arguments; var str=""; if(arg==null){ return str; } for(var i=0;i<arg.l...原创 2019-08-07 10:36:22 · 500 阅读 · 0 评论 -
【JavaScript】------- JavaScript 判断数据中是否包含中文字符集
1.JavaScript 判断是否包含中文 function ischinese(value) { var str= value; if (escape(str).indexOf( "%u" )<0) { return false; } else { ...原创 2019-09-04 13:21:34 · 386 阅读 · 0 评论 -
【JavaScript】------- Trim 清空 (String)字符串，(Int)数字，(Object)对象，(Array)数组 的数据左右空格！
1.javascript trim 清空 字符串，数字，对象，数组 的数据左右空格！ 要先引用 jquery.min.js 文件!（创建 trim.js 文件把 代码粘贴 进去）(function ($$) { var pubTrim = {}; pubTrim.trims={}; pubTrim.trims.arrayObjectString...原创 2019-09-11 14:05:55 · 400 阅读 · 0 评论 -
【JavaScript】------- 9个常用的JavaScript fun函数方法
一，9个常用的JavaScript fun函数方法：//返回标签对象function $(id) { return document.getElementById(id)}//清除空格function trim(stringToTrim) { return stringToTrim.replace(/^\s+|\s+$/g, "")}//获取字符串二进制长度function strLength(str) { var bytesCount = 0; for (var i.原创 2019-04-26 10:47:18 · 626 阅读 · 0 评论 -
【JavaScript】------- JavaScript 文件大小转换，字节转换成K、M、G、T 单位
js文件大小转换，字节转换成K、M、G、T<button onclick="alert(getfilesize(2011))">获取文件大小</button><script> // 计算文件大小函数(保留两位小数),Size为字节大小 // size：初始文件大小 function getfilesize(size) {...转载 2019-04-26 10:15:18 · 10209 阅读 · 0 评论 -
【JavaScript】------- JavaScript 实现时间格式赋值在表单上
<input type="date" name="date" id="date">//html //js var listenTime = "2018-03-22"; var day = ("0" + listenTime.substring(8, 10)).slice(-2); var month =...原创 2018-09-06 15:49:26 · 681 阅读 · 0 评论 -
【JavaScript】------- JavaScript 实现日期减去天数等于第二个日期
1.日期减去天数等于第二个日期function cc(dd,dadd){ //可以加上错误处理 var a = new Date(dd) a = a.valueOf() a = a – dadd * 24 * 60 * 60 * 1000 a = new Date(a) alert(a.getFullYear() + “年” + ...转载 2018-08-30 16:15:18 · 2189 阅读 · 0 评论 -
【JavaScript】------- JavaScript 讲解随机数math.random()实用
1. 20-60的随机数；var random=Math.floor(Math.random()*40)+20;//20+40=60；// 20+随机数>20;//所以 50-90 随机数var random=Math.floor(Math.random()*40)+50;2. 0-30随机数var random=Math.random()*30;3....原创 2018-08-08 18:29:48 · 933 阅读 · 0 评论 -
【JavaScript】------- JavaScript 判段整数和小数的正则表达式
1.判段整数和小数 的 正则表达式function isNumber(value) { var rex = /^\d{1,14}(\.\d{1,2})?$/; if (rex.test(value)) { return true; } else { return false; } }...原创 2018-08-15 09:47:25 · 1932 阅读 · 0 评论 -
【JavaScript】------ JavaScript 实现传递消息数据到iframe页面并互相传递
如果是使用iframe，代码应该这样写：阿里云米店：https://mi.aliyun.com/shop/36078 <div style="height: 200px; width:300px;"><iframe src="http://localhost:8080/chenzhenhua/lister.html" id="myIFrame">&...转载 2018-08-09 16:26:55 · 10217 阅读 · 0 评论 -
【JavaScript】------- JavaScirpt实现在网页间传递数据
1.估计很少人知道HTML5APIS里有一个window.postMessage API。window.postMessage的功能是允许程序员跨域在两个窗口/frames间发送数据信息。基本上，它就像是跨域的AJAX，但不是浏览器跟服务器之间交互，而是在两个客户端之间通信。让我们来看一下window.postMessage是如何工作的。除了IE6、IE7之外的所有浏览器都支持这个功能。...转载 2018-08-09 15:45:26 · 2096 阅读 · 0 评论 -
【Layui】------- Layui select按钮点击下拉框代码
1. 实例图如下：2.html 代码如下:3. js 代码如下： //treelayui.tree({ elem: '#btn-select-tree' //传入元素选择器 ,nodes: [{ //节点 name: '父节点1' ...原创 2018-07-26 13:02:25 · 4970 阅读 · 0 评论 -
【JavaScript】------- JavaScript 图片格式数据循环显示添加html界面上
1.图片循环显示添加html界面上 代码示例：<div id="content"> <div class="note"> </div></div> var html=""; // var data=JSON.parse(packet); var data=[ ...原创 2018-07-29 13:28:53 · 2278 阅读 · 0 评论 -
【JavaScript】------JavaScript 实现 ajax post 传值
1. js ajax post 传值 实例代码：var oReq = new XMLHttpRequest();//创建实例对象 oReq.onreadystatechange = function () { if (oReq.readyState == 4) { if (oReq.status == 200) ...原创 2018-07-28 22:23:10 · 3668 阅读 · 0 评论