随笔分类 -  关于前端

js 实现浏览器下标签页间切换触发的事件
摘要：需求：浏览器标签页切换，监听事件 <script> var hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document 阅读全文
posted @ 2021-05-12 09:40 雁书几封 阅读(1365) 评论(0) 推荐(1)
防止按钮重复点击
摘要：demo <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <html> <head> <script type="text/javascript"> function disable() { d 阅读全文
posted @ 2020-10-13 16:14 雁书几封 阅读(154) 评论(0) 推荐(0)
jQuery 中的text(),html(),val()有什么区别
摘要：1、 .html()用为读取和修改元素的HTML标签 对应js中的innerHTML .html()是用来读取元素的HTML内容（包括其Html标签）,.html()方法使用在多个元素上时，只读取第一个元素 .text()用来读取或修改元素的纯文本内容 对应js中的innerText text()用 阅读全文
posted @ 2020-09-03 09:23 雁书几封 阅读(185) 评论(0) 推荐(0)
JS 循环绑定click事件
摘要：一、问题场景： 绑定事件有一个坑 总是绑定最后一个元素 二、解决： 1、第一种 第一种方法：编写一个function，在这个function中返回一个函数 ： 其中.get(0)指的是将jQuery对象转为DOM对象。 function getIndexTop(ret) { for (var i = 阅读全文
posted @ 2020-07-31 15:33 雁书几封 阅读(1059) 评论(0) 推荐(1)
fieldset 用法
摘要：体验地址：https://www.w3school.com.cn/tiy/t.asp?f=html_fieldset <!DOCTYPE HTML> <html> <body> <form> <fieldset> <legend>健康信息</legend> 身高：<input type="text" 阅读全文
posted @ 2020-06-24 16:19 雁书几封 阅读(955) 评论(0) 推荐(0)
自定义layui手机、固话验证
摘要：input 各种事件 onload加载完成事件 onclick单击事件 onblur失去焦点事件 onchange内容发生改变事件 经常用于select下拉列表选中后的内容发生改变时候触发 onsubmit表单提交事件 经常用来在表单提交的时候验证所有表单项是否合法。 <input name="te 阅读全文
posted @ 2020-02-21 19:24 雁书几封 阅读(2142) 评论(0) 推荐(0)
parent.layer.open 子页面向父页面传值
摘要：A：主页面，B：父页面（新增页面），C：子页面（在B页面基础继续打开的页面） 全程只需要B、C页面操作即可 一、方法1 1、打开C页面，可以用 layer.open 传值，那么注定C页面会套在B页面其中， 2、B页面有个隐藏域，用于接收id 3、C页面选择一条信息回调B 4、B页面获取C页面id方法 阅读全文
posted @ 2020-01-06 15:17 雁书几封 阅读(7510) 评论(0) 推荐(0)
cancel：function(){ 询问是否关闭，获取到要关闭页面的某个id的val}
摘要：1、场景：layui父页面弹出子页面，关闭时需要提示是否关闭子页面，并且获取子页面的某 div 或者 input的value js 父页面 layui弹窗实例 2、效果： 阅读全文
posted @ 2019-11-27 11:00 雁书几封 阅读(786) 评论(0) 推荐(0)
layui table 渲染后改变背景色或颜色
摘要：一、table列表渲染 1、jsp 2、js 3、列表效果图 阅读全文
posted @ 2019-11-12 16:17 雁书几封 阅读(8858) 评论(0) 推荐(0)
CSS 实现面包屑导航
摘要：1、css，主页的图片可以自己找 2、jsp 2、效果图 阅读全文
posted @ 2019-10-23 11:03 雁书几封 阅读(463) 评论(0) 推荐(0)
layer.confirm 询问框 的层遮盖 处理等待
摘要：一、js代码 二、效果 阅读全文
posted @ 2019-10-11 16:31 雁书几封 阅读(2591) 评论(0) 推荐(1)
layui 使用笔记
摘要：一、layi的checkbox和radio如何回显 $(function{ form.render();//layui 下拉框、复选框不显示 重新渲染 }); if(result.sex=="0"){ $("#man").attr("checked","checked"); }else{ $("#w 阅读全文
posted @ 2019-05-28 14:22 雁书几封 阅读(204) 评论(0) 推荐(0)
js 字符串拼接样式
摘要：window.top.layer.msg("删除网格成功！ "+"共删除"+""+ msg.delOrgCount +""+"个网格", {icon: 1}); 阅读全文
posted @ 2019-04-16 12:20 雁书几封 阅读(1377) 评论(0) 推荐(0)
layui 弹出框，关闭后刷新，并且停留在当前页面
摘要：end: function () { $(".layui-laypage-btn").click();//弹出框 关闭后刷新，停留在当前页 } 阅读全文
posted @ 2019-01-28 15:53 雁书几封 阅读(2986) 评论(0) 推荐(0)
js验证属性（更新中…）
摘要：textarea 限制文字字数 maxlength="500" input属性 //只能输入数字 oninput = "value=value.replace(/[^\d]/g,'')" //只能输入字母和数字onkeyup="value=value.replace(/[^\w\.\/]/ig,'' 阅读全文
posted @ 2018-12-26 12:16 雁书几封 阅读(288) 评论(0) 推荐(0)