JS小功能
放飞放放风
开始好好学习
展开
-
带有删除的input框
效果图代码<html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <!-- js引入 --> <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1原创 2020-11-16 17:42:27 · 560 阅读 · 0 评论 -
js实现vue双向绑定
js实现vue双向绑定效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>objectDefineProperty 模拟vue 数据双向绑定</title></head><body><input type="text" id="userName"/><br/&g原创 2020-11-16 17:09:08 · 89 阅读 · 0 评论 -
JS树形结构筛选和折叠
JS树形结构筛选和折叠效果图2.筛选<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>树结构</title> <style> ul.tree, ul.tree ul { list-style-type: none; background原创 2020-11-11 12:14:49 · 820 阅读 · 0 评论 -
js 中数组的基本操作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组</title> <script> var arr = new Array(); arr = [10, 20, 30, 40, 50]; for (var i = 0; i < arr.length; i.原创 2020-05-26 15:53:41 · 153 阅读 · 0 评论 -
js实现计算器功能
简易计算器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简易计算器</title> <style> * { margin: 0; padding: 0; } table { width原创 2020-05-26 15:21:27 · 570 阅读 · 0 评论 -
数字用千分位显示
//数字用千分位显示function thousand(value) { var value = value + ""; var EndVal = ""; var valindex = value.indexOf(".") + 1; if (valindex > 0) { var InitVal = (value.replace(/\d{3}(?=(\d{1,3})+$)/g, function (s) { return s原创 2020-05-12 13:36:01 · 485 阅读 · 0 评论 -
Table固定表头固定列
1.给HTML中的table增加div,并给ID赋值2.替换对应的ID名称//数据处理:给Table外面的div滚动事件绑定一个函数(Table固定表头固定列)$("#div_ARItems").scroll(function () { var left = $("#div_ARItems").scrollLeft(); var top = $("#div_ARItems").scrollTop(); var cols = document.getElementById("t原创 2020-05-12 13:28:39 · 389 阅读 · 0 评论 -
日期大小比较
//比较日期大小function CompareDate(date1, date2) { var oDate1 = new Date(date1); var oDate2 = new Date(date2); if (oDate1.getTime() > oDate2.getTime()) { return false; } else { return true; }}原创 2020-05-12 13:06:04 · 655 阅读 · 0 评论 -
计算字段长度
function getByteLen(val) { var len = 0; for (var i = 0; i < val.length; i++) { var a = val.charAt(i); if (a.match(/[^\x00-\xff]/ig) != null) { len += 2; } else { len += 1; } }原创 2020-05-12 12:09:19 · 1120 阅读 · 0 评论 -
Cookie的读写删除
//写cookies function setCookie(name, value) { var Days = 1; var exp = new Date(); exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();}//读取cookies fun转载 2020-05-12 12:03:45 · 89 阅读 · 0 评论 -
获取地址栏参数
获取地址栏参数,name为你需要获取的参数名称function getUrlParam(name) { var reg = new RegExp('(^|&)' + name + '=(.*)(&[^&=]+=)'); var regLast = new RegExp('(^|&)' + name + '=(.*)($)'); var r = window.location.search.substr(1).match(reg) || window.原创 2020-05-12 12:01:53 · 100 阅读 · 0 评论 -
js限制小数位数
//限制价格输入小数位数为2位function clearNum (obj) {obj.value = obj.value.replace(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符 obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的 obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");原创 2020-05-12 12:00:03 · 794 阅读 · 0 评论 -
js全选
1.jquery中attr和prop的区别 :https://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html2.效果如下:3.页面代码注意:4.js代码//全选function SelectAllCheckBox(obj) {var trList = KaTeX parse error: Expecte...原创 2019-06-04 10:08:33 · 212 阅读 · 0 评论