js
BlizzardWu
这个作者很懒,什么都没留下…
展开
-
layer.open 当传值为数组或值太长时处理方法
layer.open 当传值为数组或值太长时处理方法原创 2022-06-23 17:30:58 · 906 阅读 · 0 评论 -
js使用iCheck插件监听获取CheckBox的值
js使用iCheck插件监听获取CheckBox的值原创 2022-06-01 17:25:35 · 1178 阅读 · 0 评论 -
layui 子页面传值到父页面
简单的例子:单击确定按钮将获取的值传到父页面并关闭当前子页面.首先在父页面定义一个函数:function GetChildValues(val) { if (val!= "") { console.log(val); }}在子页面再写一个函数单击确定拿到值后调用该函数function BtnOk(val) { parent.GetChildValues(val); //这是父页面函数 var index = parent.layer.getFrameI原创 2022-05-23 15:40:25 · 1274 阅读 · 1 评论 -
JS 定时器的4种写法及介绍
JS提供了一些原生方法来实现延时去执行某一段代码,下面来简单介绍一下setTiemout、setInterval、setImmediate、requestAnimationFrame。一、什么是定时器JS提供了一些原生方法来实现延时去执行某一段代码setTimeout:设置一个定时器,在定时器到期后执行一次函数或代码段var timeoutId = window.setTimeout(func[, delay, param1, param2, …]);var timeoutId = windo原创 2022-04-13 11:59:35 · 12232 阅读 · 0 评论 -
js 打印查看对象内容
有时候不知道为啥用 JSON.stringify() 报错,打印不了,就用下面的方法打印试试function printObj(obj){ var output = ""; for(var i in obj){ var property=obj[i]; output+=i+" = "+property+"\n"; } console.log('output: '+output);}...原创 2021-09-01 17:13:30 · 352 阅读 · 0 评论 -
input框的一些使用情况
有时候在写HTML DOM时会用到(不只是input框),就记录一下。HTML DOM 事件1.关闭历史记录autocomplete属性,默认为on,设置为off就可以关闭历史记录<input class="layui-input" value="空空" autocomplete="off"/>2.焦点事件onblur:当 <input> 输入框 失去焦点时触发onfocus:当 <input> 输入框获得焦点时触发<input class=原创 2021-08-18 16:38:45 · 190 阅读 · 0 评论 -
js 比较常用的几个验证数据方式(先写几个,后续再补充)
/** *检验数据 * @param type 验证类型 * @param value 验证值 * @param max 最大值 * @param min 最小值 * @return result bool 结果 */function check_data(type, value, min=null, max=null){ if(!value){ return '请传入值'; } var result = true; switch原创 2021-08-18 14:03:29 · 209 阅读 · 0 评论 -
js 设置select选中的项
<select class="select_styled" id="ptz_com_nub"> <option style="font-size: 20px;" value="01" selected>COM1</option> <option style="font-size: 20px;" value="02">COM2 </option> <option style="font-size: 20px;"原创 2021-08-17 09:32:35 · 5690 阅读 · 0 评论 -
JS 字符串截取切割操作汇总
在开发中常常会需要截取字符串,而 JavaScript 提供了很多种方法实现截取操作。本文对各种方法做个整理,供大家参考。一、slice()1,函数说明slice() 方法可通过指定的开始和结束位置,提取字符串的某个部分,并以新的字符串返回被提取的部分。语法如下:stringObject.slice(start, end)参数说明:start(必需):规定从何处开始选取。如果是负数,那么它规定从字符串尾部开始算起的位置。也就是说,-1 指最后一个字符,-2指倒数第二个字符,以此类推。 en原创 2021-08-12 10:40:24 · 15014 阅读 · 0 评论 -
html数据复制到剪切板
一、原生js指令复制function copyUtil(info) { //数据是null或者‘’的时候复制不了 if(info== null || info== ''){ info= ' '; } var $textArea = $('<textarea></textarea>'); $textArea.val(info); $textArea.css('opacity','0'); $('body').append($textArea原创 2021-07-24 14:54:07 · 1189 阅读 · 0 评论 -
js中(function(){}()),(function(){})(),$(function(){});之间的区别
1. (function(){}())与(function(){})()这两种写法,都是一种立即执行函数的写法,即IIFE (Immediately Invoked Function Expression)。这种函数在函数定义的地方就直接执行了。通常的函数声明和调用分开的写法如下:function foo() {/*...*/} // 这是定义,Declaration;定义只是让解释器知道其存在,但是不会运行。foo(); // 这是语句,Statemen转载 2021-07-02 15:16:34 · 324 阅读 · 0 评论 -
html 制作带遮罩层的提示框示例
html 部分:<!--loading图标 start--><div id="mask_loading" class="mask_loading"></div> <!-- 遮罩层 --><div id="loading" hidden="hidden" class="loading" style="display: none;"> <img src="../../static/loading.gif" /> <span原创 2021-07-02 14:00:20 · 414 阅读 · 0 评论 -
jq 阻止事件冒泡(点击子级<div>不触发父级<div>)
1:关于事件冒泡事件冒泡 :当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级,一直到window 。(注意这里传递的仅仅是事件 并不传递所绑定的事件函数。所以如果父级没有绑定事件函数,就算传递了事件 也不会有什么表现 但事件确实传递了。)2:如何避免冒泡1: 使用 event.cancelBubble=true;<div class="box1" id="box1" onclick="change_cong(2)" > <div class="box2" id="bo原创 2021-06-25 14:31:49 · 932 阅读 · 0 评论 -
js 用<a>标签实现单文件、多文件批量下载
简述:HTML 5 里面为 <a> 标签添加了一个 download 的属性,我们可以轻易的利用它来实现下载功能。download 的属性值是可选的,它用来指定下载文件的文件名。1:单个文件下载<a href="http://xxx.com/text.jpg" download="filename">Download file</a>2:批量下载多个文件:思路:将 url 放在一个数组里,循环数组并触发下载:var urls = [['url':'a','n原创 2021-05-19 11:15:59 · 3047 阅读 · 0 评论 -
jq jsonp 跨域
//回调函数 function showData(result) { var data = JSON.stringify(result); //json对象转成字符串 console.log(data); } $.ajax({ // url: "{:url('login/login')}", //提交地址 url: "http://ms.hapu.net/ac原创 2021-03-09 18:13:33 · 90 阅读 · 0 评论 -
js 手机、邮箱、身份证格式验证
if (!$('#email').val() || !/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/i.test($('#email').val())) { layer.msg('邮箱格式有误,请重新输入'); return false;}if (checkPhone() == false) { layer.msg('手机号码有误,请重新输入'); retur原创 2021-02-26 19:55:08 · 291 阅读 · 0 评论 -
layui 点击放大图片
html<div class="layui-input-block"> <img class="radius50" src="{$list.identity}" style='width:100px;height:100px;padding:1px;border:1px solid #ccc' /></div>js:layui.use(['jquery', 'layer', 'form'], function () { $ = layui.$;原创 2020-09-09 14:57:39 · 479 阅读 · 0 评论 -
js 获取select的值
html:<select id="class_id" name="class_id"> <option value="0">0</option> <option value="1">1</option> <option value="2">2</option></select>第一种方法:var class_id = $('#class_id').val()第二种方法:var t = d原创 2020-12-15 17:18:17 · 7678 阅读 · 2 评论 -
js中进行数字运算
例子var k = 5;k = k + 1; //返回 51k = parseInt(k) + 1; //返回 6函数说明:parseInt() 函数可解析一个字符串,并返回一个整数。//格式:parseInt(string, radix)//当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数(进制)。parseInt("10"); //返回 10parseInt("19",10); //返回 19 (10+9)原创 2020-11-26 19:56:39 · 4043 阅读 · 0 评论