js/jq
梁萌
认真是一种态度
展开
-
colResizable插件实现网页中表格列宽自定义
解决方法:使用jQuery的一个插件,名称叫 colResizable,可以实现。需求:页面上每个字段的列宽,可以通过页面拖动的形式进行调整。该插件依赖jQuery,所以需要在使用前引用jQuery。.Table指表格中table的class名称。原创 2024-08-09 11:18:44 · 250 阅读 · 0 评论 -
web系统更改静态文件后不生效的问题解决
当改了js或css文件后,需要手动清理浏览器缓存,更改的代码才生效的问题,可以通过对引用文件的地方添加版本号进行解决。在每次发布版本时,将v=20240705全局替换成一个新的值,只要跟原来的值不同即可。原创 2024-07-05 10:36:52 · 335 阅读 · 0 评论 -
jQuery1.10.2升级到jQuery3.6.0返回结果异常
产生的原因是 $(data) 结果不一样,jQuery1.10.2版本的结果没有空格,升级到jQuery3.6.0后,出现了空格。解决方法是在返回的结果中做空格处理。返回值会多出来很多空格。原创 2024-03-13 19:12:18 · 389 阅读 · 0 评论 -
Ajax 请求:url参数中包含 “#“ 特殊字符的处理
如:url: '/some/request/?test_parameter=encodeURIComponent( "test#parameter" )'test_parameter=test这个页面的中id="parameter"的元素的位置。ajax发送get查询请求,url 参数中只要包含”#”,请求参数只保留“#”之前的内容,“#”之后的字符全被裁掉。期望请求: url: '/some/request/?实际请求: url: '/some/request/?表示定位到/some/request/?转载 2023-02-27 18:50:43 · 1013 阅读 · 0 评论 -
超链接下载文件包含特殊符号和中文的处理
处理的思路就是拿到完整的请求路径,然后找到文件名称部分(最后一个斜杠后面的部分),将文件名称通过encodeURIComponent方法进行编码,然后把编码后的文件名称替换到原来的路径中。查看了请求的路径,发现从#号后面的部分都被浏览器自动截掉了,所以文件是不存在的。{PATH}为文件的路径。原创 2022-11-02 17:03:56 · 1979 阅读 · 0 评论 -
页面实现模糊检索下拉列表功能(可多选)
请求getSecurityPersonDropDown.do是去后台获取下拉选项的数据。点击后弹出下拉列表,支持模糊搜索。原创 2022-10-17 17:47:41 · 1766 阅读 · 0 评论 -
前端防止重复提交
防止连续点击提交按钮,重复往数据库插入相同记录,在前端发请求之前拦截。原创 2022-09-27 17:53:20 · 1897 阅读 · 0 评论 -
js控制input不可输入空格
<input type="text" oninput="value=value.replace(/\s+/g,'')">在input中添加oninput属性,oninput 事件在用户输入时触发。属性值为正则表达式,代表去掉空格。原创 2022-03-28 15:17:37 · 5114 阅读 · 2 评论 -
js小数合计值精度损失的处理
两个小数直接相加,精度会出现问题,导致结果不准确:使用js的数字处理函数(parseFloat、Number)进行处理,发现计算结果仍然不准确:正确的处理方法:自定义一个数据合计值计算的方法//数字加法计算 (因JS问题需要先转成整数计算完再转回)function AddCalculation(num1, num2) { var p1 = 0; var p2 = 0; if (num1.toString().split('.')..原创 2022-02-21 15:36:57 · 934 阅读 · 0 评论 -
js数组深度拷贝(避免修改原数组)
如果要对一个数组进行修改操作,但是又不想影响原来的数组,这时候想到的就是把原来的数组变量赋值给一个新的变量,如下图所示:目标只是想改动arrB的第一个元素,结果把源数组arrA的元素值也改动了。要解决这个问题,就需要对数组进行深度拷贝,不能用直接赋值的方式对新数组赋值。语法:JSON.parse(JSON.stringify(arry))使用实例:...原创 2022-01-14 19:57:48 · 888 阅读 · 0 评论 -
jq封装日期
function getBeforeDate(n){//n为你要传入的参数,当前为0,前一天为-1,后一天为1 var date = new Date() ; var year,month,day ; date.setDate(date.getDate()+n); year = date.getFullYear(); month = date.getMonth()+1; day = date.getDate() ; s =.转载 2021-12-02 09:07:58 · 158 阅读 · 0 评论 -
在jQuery中ID包含“#“的处理方法
正常使用ID选择器选择一个元素:var username = $("username").val();如果ID中包含“#”,需要进行转义后才能使用选择器进行选择:例如元素ID为:user#name使用jQuery的ID选择器进行选择:var username = $("user\\#name").val();如果选择器中包含特殊字符,可以用两个斜杠转义。参考文章:http://caibaojian.com/jquery/id.html...原创 2021-07-02 16:02:46 · 910 阅读 · 0 评论 -
js处理null和underfined
function nullToEmpty(value) { if (value == null || value == 'null' || value == 'NULL' || typeof (value) == 'underfined') { return ''; } else { return value; }}如果为null或underfined则返回空,否则返回原值。...原创 2021-03-09 16:45:46 · 336 阅读 · 0 评论 -
jq操作数组的常用方法
JavaScript Array 对象 | 菜鸟教程js数组操作---改变原数组和不改变原数组的方法整理 - 艺术诗人 - 博客园补充:grep()方法:$.grep() 函数使用指定的函数过滤数组中的元素,并返回过滤后的数组。详情参考:jQuery.grep() 方法 | 菜鸟教程...原创 2020-12-30 13:01:35 · 740 阅读 · 0 评论 -
jquery固定表格头插件fixedheadertable
https://www.jq22.com/jquery-info10153原创 2020-12-11 12:27:31 · 583 阅读 · 0 评论 -
jq实现点击页面其他区域隐藏下拉列表
页面结构如图所示,要实现点击下拉列表外的其他区域隐藏下拉列表,点击下拉列表区域则不隐藏。代码如下://点击空白处隐藏多选下拉框$(document).bind("click", function (e) { var searchTable = $(".source_data_tab"); if (!searchTable.is(e.target) && searchTable.has(e.target).length === 0) { $("...原创 2020-10-14 14:58:50 · 948 阅读 · 0 评论 -
HTTP请求方式:GET和POST的区别和使用场景
区别: GET在浏览器回退时是无害的,无持续性的副作用,如进行搜索;而POST会再次提交请求,有副作用,如数据库内添加新的数据行。 GET产生的URL地址可以被Bookmark,而POST不可以。 GET请求会被浏览器主动cache,而POST不会,除非手动设置。 GET请求只能进行url编码,而POST支持多种编码方式。 GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留。 GET请求在URL中传送的参数是有长度限制的,而PO原创 2020-10-07 11:31:42 · 523 阅读 · 1 评论 -
浏览器控制台打印FormData信息
获取form表单元素的值var formData = new FormData(document.getElementById("addForm"));打印formData信息for (var [a, b] of formData.entries()) { console.log(a, b); }打印结果:a对应的是form表单元素的name,b对应form表单元素的value...原创 2020-09-06 16:43:26 · 4339 阅读 · 0 评论 -
js自定义时间格式函数
函数定义://封装时间格式function format(time, format) { var t = new Date(time); var tf = function (i) { return (i < 10 ? '0' : '') + i }; return format.replace(/yyyy|MM|dd|HH|mm|ss/g, function (a) { switch (a) { cas.原创 2020-08-27 10:52:24 · 230 阅读 · 0 评论 -
Jquery限制文本框只能输入数字
js代码://验证数字var validNumber = { //只能正整数 validAll: function (obj) { var num = $.trim($(obj).val()); num = num.replace(/[^0-9]/g, "") if ((num.length == 1) && (num == '.')) { num = num.replace(/./, '')原创 2020-07-06 14:14:03 · 750 阅读 · 0 评论 -
微信小程序页面实现防抖
情景描述:常见的搜索输入框都有联想功能,如果不加上防抖功能,它们会在用户不断输入搜索条件过程中重复发送请求,这样会浪费不必要的性能。比较合理的是在用户停止输入的间隙发送请求,这样大大减少了请求次数,同时页面也不会不停加载数据。如果不加入防抖技术,就会出现下面这种情况:当在搜索框中每输入一个字母 就会发送一次请求,这非常不合理。要解决这个问题,就要用到防抖技术。代码...原创 2020-04-06 12:44:42 · 7329 阅读 · 5 评论 -
防止用户重复提交表单的处理方法
当用户点击提交按钮后,将提交按钮状态置为不可用,达到防止重复提交的效果,实例代码: if ($("#saveBtn").attr('disabled') == 'disabled') { return; } $("#saveBtn").attr('disabled', 'disabled');说明:saveBtn是提交按钮的id....原创 2020-03-11 22:39:50 · 213 阅读 · 0 评论 -
encodeURI()和encodeURIComponent() 区别
Global对象的encodeURI()和encodeURIComponent()方法可以对URI进行编码。encodeURI()encodeURI()主要用于整个URI(http://www.w3school.com.cn),实例:<html><body><script type="text/javascript">documen...原创 2019-11-22 15:28:23 · 305 阅读 · 0 评论 -
jq移除字符串最后一个字符
var str="1,2,3,";str = str.replace(/[,]$/, "");str输出结果为1,2,3原创 2019-10-17 13:40:50 · 520 阅读 · 0 评论 -
JavaScript拼接html字符串时截断问题
在js中拼接一段HTML代码,语句时这样写的str += "<td><span title=" + HOUSENO + " id='id_houseno'>" + HOUSENO + "</span></td>" ;代码中的HOUSENO 是一个变量,当HOUSENO有值时,语句输出正确.当HOUSENO没有值时,title就变成了...原创 2019-10-16 12:36:21 · 448 阅读 · 0 评论 -
jQuery设置下拉框select 默认选中第一个option
设置默认选中第一项 id为select的id$("#id option:first").prop("selected", 'selected');原创 2019-10-12 17:01:34 · 8204 阅读 · 0 评论 -
AjaxUpLoad.js实现文件上传功能
AjaxUpLoad.js的使用实现无刷新文件上传,如图。图1 文件上传前图2 文件上传后1、创建页面并编写HTML上传文档:<div class="uploadFile"> <span id="doc"><input type="text" disabled="disabled" /></span&g...转载 2019-04-16 15:00:15 · 1231 阅读 · 0 评论 -
JavaScript中onload和unload用法
window.onload: 页面加载完成后执行一,window.onload的用法: 因为页面中的代码一般情况下按照,从上到下,从左到右的顺序执行。 所以当js代码需要获取页面中的元素时,如果script标签在元素的前面,需要加window.onload;如果script放在了元素后面,就不需要加 window.onload。 例一:点击按钮,实现div变大的效果(宽,高,增加200像素...转载 2018-11-24 11:13:15 · 2846 阅读 · 0 评论 -
javascript void(0)的含义
void关键字介绍void关键字是javascript当中非常重要的关键字,该操作符指定要计算或运行一个表达式,但是不返回值。语法格式:void func() void(func())实例1当点击超级链接时,什么都不发生<!-- 1.当用户链接时,void(0)计算为0,用户点击不会发生任何效果 --><a href="javascript:void(...转载 2019-08-12 17:12:27 · 274 阅读 · 0 评论 -
jQuery对象与js对象互相转换
jQuery对象转成js对象:两种转换方式将一个jQuery对象转换成js对象:[index]和.get(index);(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的js对象。如:var $v =$("#v") ; //jQuery对象var v=$v[0]; //js对象alert(v.checked) //检测这个checkbox是否被选...转载 2019-08-15 11:23:59 · 174 阅读 · 0 评论 -
详解获取jq ul第一个li定位的三种解决方案
如果是只有一个ul,获取ul中的第一个li,可以用下面五种方法:代码:<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script></head><body><ul> &...转载 2019-08-15 11:06:29 · 6389 阅读 · 0 评论 -
jQuery 实现为文件自动添加序号
附件信息上传时,用户点击删除操作,对应的序号需要重新排列,可以使用jQuery实现:var index = 1;$("span[name='FileNo']").each(function () { //对序号列span 的 name 进行循环 $(this).html(index++); }); ...原创 2018-10-29 14:03:04 · 2027 阅读 · 0 评论 -
Js 字符串加法操作,精度问题
js 对三个字符串变量做加法操作: var num1="0.11"; var num2 = "0.2801"; var num3="1.002"; var sum=parseFloat(num1)+parseFloat(num2)+parseFloat(num3);//字符串转换成浮点数做加法运算sum 值为 1.3921000000000001,显然不正确,通过toFixed...转载 2018-11-13 12:12:47 · 1110 阅读 · 0 评论 -
JavaScript 报错Uncaught SyntaxError: Unexpected token this
首先来看一个demo:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body>原创 2018-11-18 17:19:33 · 6407 阅读 · 1 评论 -
JavaScript 页面跳转、页面重定向
JavaScript 实现页面跳转重定向可以使用以下两种方法:方法一:window.location.replace("url")类似 HTTP 重定向将地址替换成新 url,该方法通过指定 URL 替换当前缓存在历史里(客户端)的项目,因此当使用 replace 方法之后,你不能通过"前进"和"后退"来访问已经被替换的URL,这个特点对于做一些过渡页面非常有用! 方法二...转载 2018-11-20 15:21:48 · 288 阅读 · 0 评论 -
控制在input的text里输入的值只能是数字
<input type='text' onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" onblur="this.v();" />在input中添加 onkeyup和onblur事件 本文转自https://zhidao.baidu.com/qu...转载 2018-11-23 17:57:16 · 340 阅读 · 0 评论 -
JS代码执行顺序
JavaScript执行引擎并非一行一行地分析和执行程序,而是一段一段地分析执行的。而且在分析执行同一段代码中,定义式的函数语句会被提取出来优先执行。函数定义执行完后,才会按顺序执行其他代码。先看看两个例子:例子1:var hello = function(){alert('hello,zhangsan');}hello();//第一次调用,输出“hello,zhangs...原创 2018-11-24 11:01:07 · 395 阅读 · 0 评论 -
jq中的ready方法 和 js中的onload方法的区别
$(document).ready$(document).ready属于jQuery事件,使用前页面需要引用jQuery当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。实例:<html><head> <script type="text/javascript" src="/jquery/...原创 2018-11-24 12:19:15 · 1199 阅读 · 0 评论 -
JavaScript中的三种事件绑定
1.在DOM元素中直接绑定这里的DOM可以理解为HTML标签。JavaScript支持在标签中直接绑定元素。这里有两种写法:原生函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document<原创 2018-11-24 20:54:14 · 224 阅读 · 0 评论 -
JavaScript DOM中的事件对象
当触发DOM上的某个事件时,会产生一个事件对象event,在这个对象中包含所有与事件有关的信息,包括导致事件的元素、事件的类型,以及其他与特定事件相关的信息。所有浏览器都支持event对象,但支持方式不同。实例一:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&...原创 2018-11-24 21:57:09 · 224 阅读 · 0 评论