javascript
罗小树
这个作者很懒,什么都没留下…
展开
-
javascript 删除数组中的多个元素
/*** 删除数组中的多个元素* @param originalArr 原始数组* @param elements 需要删除的元素(多个的话以逗号进行分隔)* @returns 删除元素后的数组(这里直接操作了原始数组originalArr,因为数组是引用类型* ,可以直接取originalArr;这个函数可以不返回originalArr)** 使用示例:* removeArrayElements([1,2,3,4,5], '55,3,2'); // [1,4,5]* removeArr.原创 2020-06-11 15:27:14 · 1154 阅读 · 0 评论 -
java正则边界匹配
一、需求说明问题说明:下面的需求我原来是用js写的,后面打算在java中写,但是发现不行,现在来解决下需求:有一个字符串"52,3,4",写一个正则表达式,传入2,但是字符串里面只有52,没有匹配的,返回false;传入52,字符串里刚好有52可以匹配,返回true之前使用js来实现:"52,3,4".match(/\b52\b/)!=null; // true,"52,3,4"中能找到52"52,3,4".match(/\b2\b/)!=null; // false,"..原创 2020-06-05 20:03:56 · 702 阅读 · 0 评论 -
扩展ie中不兼容的startsWith,endsWith方法
最近发现之前项目的代码在ie11下没法正常运行,报的错是对象不支持“startsWith”属性或方法之后我顺便也试了下endsWith,发现也不行之前看javascript权威指南时,里面说过可以通过扩展原型方法来添加一些操作网上找了个链接https://www.jb51.net/article/45419.htm参考下。我的总体思路是:1.如果浏览器支持starts...原创 2019-12-24 19:40:57 · 2840 阅读 · 2 评论 -
jquery获取table的指定列
比如有个table(id为userTable)获取第1列的所有td:$("#userTable").find("tr").find("td:eq(0)")或者$("#userTable tr").find("td:eq(0)")获取第3列的所有td:$("#userTable").find("tr").find("td:eq(2)")或者$("#userTable ...原创 2019-12-24 19:19:43 · 6315 阅读 · 0 评论 -
javascript中判断逗号分隔的数字中是否包含指定数字
现在我有一个变量,里面维护了数值和类别的对应关系var numberType = {"1":"AType", "2,3,4":"BType", "5,6,7,8":"CType", "9,10,11,12,13":"DType"};比如,传入一个值“1”,函数返回对应类别“AType”;传入一个值“2”,函数返回对应类别“BType原创 2018-08-02 23:48:25 · 2945 阅读 · 0 评论 -
jquery鼠标移入变色移出恢复
一、需求说明现需要对一个表格的内容部分做下高亮处理:当鼠标放到这一行时,背景色发生改变;当鼠标移出这一行时,恢复这一行的原有背景色。如下图,原来是除了首行以外,带序号的内容部分,奇偶行背景色交替变化,当鼠标放到第1行时,看到下图的样式,移出该行后,恢复原样。二、代码实现table及样式部分:<style type="text/css"> #studentTabl...原创 2018-10-02 20:55:20 · 17263 阅读 · 0 评论 -
解决jsp页面select框disabled无法取到值的问题
一、问题说明现在表单有一个下拉框,需要禁用掉这个下拉框,不让用户进行修改操作,同时又能将下拉框此时已经选中的值能传到后台碰到的问题:1.首先会想到用readonly,但这个属性对input输入框起作用,对下拉框不生效,用户依然可以修改选择值2.如果用disabled,会发现页面元素确实无法进行操作,但是下拉框原有的选择值无法传到后台去二、解决方法方法一:网上查找后发现下面的...原创 2018-10-11 11:59:17 · 3897 阅读 · 0 评论 -
在原有元素后追加新元素,但是追加时会先移除掉加过的元素再重新添加
一、需要实现的效果,如下图显示点击按钮前点击按钮后二、代码实现思路:每次添加的时候需要对刚刚追加的元素保存到一个变量中(写法1),或者给刚刚追加的元素添加标记(如id这种唯一性标识)(写法2)写法1:<html><head> <meta charset="UTF-8"> <script type="text/java...原创 2018-11-15 13:35:46 · 2271 阅读 · 0 评论 -
encodeURI和encodeURIComponent的区别
var test1="http://www.w3school.com.cn/My first/?uname=aa&&pwd=123456";console.log(encodeURI(test1));console.log(encodeURIComponent(test1));var test2="http://www.w3school.com.cn/My first/...原创 2018-11-15 14:30:29 · 13018 阅读 · 0 评论 -
js闭包与立即执行函数
https://www.jianshu.com/p/0610b51a35cc转载 2018-12-31 18:23:51 · 352 阅读 · 0 评论 -
js对逗号分隔的字符串排序
现在有个字符串为101_edit,104_add,105_view,107_del需要将其排列成101_edit,104_add,105_view,107_del js代码实现:var oldStr = "101_edit,104_add,105_view,107_del";var oldStr_Arr = oldStr.split(",");var newStr_A...原创 2019-01-24 21:32:33 · 1476 阅读 · 0 评论 -
js查看变量拥有的属性和方法
Object.getOwnPropertyNames(变量名)变量可以是普通变量(如jquery的$符号,也可以是原型)原创 2019-01-25 16:08:21 · 3355 阅读 · 0 评论 -
javascript中Unicode编码和中文相互转换
// 中文转换为Unicode编码var str = "我是张三";escape(str).replace(/\%u/g,'/u');// Unicode编码转换为中文var str = "\u6211\u662F\u5F20\u4E09";// 方法一:// eval("'" + str + "'");// 方法二:// unescape(str);...原创 2019-02-28 16:26:13 · 16476 阅读 · 0 评论 -
javascript页面无跳转下载
一、问题说明现在前端页面为相应的代码为:(逻辑在downloadButtonClicked方法中实现)downloadDemo.jsp(路径为src\main\webapp\datadisplay\downloadDemo.jsp)<%@ page contentType="text/html;charset=UTF-8" language="java" %>&...原创 2019-06-12 22:22:21 · 2379 阅读 · 0 评论 -
获取跨iframe的元素
一、页面设计及需求说明现有一个主页mainPage.html,其中有两个iframe为Aframe和Bframe。其中按钮B是负责Bframe页面的数据查询现在需要实现:点击Aframe中的按钮A,就能点击Bframe的按钮B。(说明:在实际业务中,可能Aframe中的按钮进行了一部分业务操作,使得Bframe中的数据发生了改变,但不想重新请求整个Bframe,这时就需要获取到Bframe中的按钮...原创 2018-07-15 22:09:01 · 5141 阅读 · 0 评论 -
jquery遍历字符串数组
var strArr = ["111", "222", "333"];// 只打印元素$.each(strArr, function(){ console.log(this);});// 打印索引和元素$.each(strArr, function(i, item){ console.log(i, item);});参考链接:https://www.cnblogs.com/z...原创 2018-07-17 00:36:24 · 2881 阅读 · 0 评论 -
js关闭当前弹出的小窗口并打开新窗口
一、页面执行流程说明:1.点击父页面a.html的“点我打开新窗口”按钮-->弹出新窗口(b.html)2.点击b.html的超链接“关闭当前窗口并打开新页面”-->关闭当前窗口b.html,并打开新页面c.html二、实现步骤:要点:1.给按钮的点击事件编写函数f1(),用于弹出新窗口 window.open(新窗口的url,"",窗口参数)2.给弹出的新窗口b.ht原创 2017-07-31 17:27:27 · 13515 阅读 · 3 评论 -
My97DatePicker的简单使用
一、引入js库目录结构:二、代码1.所选时间只能为当天及以后的时间<input id="startTime" type="text" class="Wdate" readonly="readonly" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:'%y-%M-%d %H:%m:%s'}原创 2017-08-24 21:44:16 · 346 阅读 · 0 评论 -
javascript时间比较
一、需求表单中的开始时间、结束时间(这里的时间精确到分)的需满足:1.开始时间、结束时间不为空2.开始时间大于当前系统时间,结束时间大于开始时间3.开始时间,结束时间间隔不能超过1天二、js插件:My97DatePicker这里主要用它来显示时间和选择时间。该插件可以用来对时间进行比较,但这里就使用javascript进行时间比较三、代码结构如下:js下放了插件包M原创 2017-08-16 16:54:08 · 1959 阅读 · 0 评论 -
javascript重新刷新页面
window.location.reload() 刷新当前页面window.parent.location.reload()刷新父页面补充:reload()不加参数,相当于reload(false),即客户端从缓存中取数据;reload(true),则客户端以get方式,从服务器端取出最新的页面,相当于在客户端按下ctrl+f5参考:http://www.cnblogs.com/t原创 2017-10-10 09:56:41 · 1451 阅读 · 0 评论 -
js模拟设置select下拉框高度
<select id="province" style="position: absolute;z-index: 1;" onmousedown="if(this.options.length>3){this.size=4}" onblur="this.size=0" onchange="this.size=0"> 北京 上海 广州 深圳 河北 河南 山西 山东 江苏 浙江转载 2017-10-13 00:06:33 · 3015 阅读 · 0 评论 -
解决表单(Form)重置reset is not a function脚本出错
实际上很久之前遇到过一回,结果最近开发又遇到这个Bug,而且也折腾了我一些时间,比如说我在利用Ajax提交表单后,需要重置表单各项内容从交互上来避免用户重复提交,正常的表单HTML结构如下所示: 如果单纯需要采用JavaScript来重置,可以采用 document.getElementById('LoginForm').reset() 来实现,使用jQuery则使转载 2017-10-13 22:22:29 · 12588 阅读 · 2 评论 -
open打开的新窗口给原窗口赋值
一、页面执行流程说明:1.点击原窗口test.jsp的“选择用户”按钮-->弹出“选择用户”新窗口(selectUserPage.jsp)里面用户列表初步信息是通过ajax请求到的userData.json数据获取到的(为简单起见,这里的ajax都是直接请求json数据,来模拟实现访问数据库;需要访问数据库,自己用servlet或配置框架即可)2.点击selectUserPage.原创 2017-10-15 01:33:31 · 2122 阅读 · 0 评论 -
onkeyup限制输入框只能输入数字
转载自:http://blog.csdn.net/kongjiea/article/details/25731461转载 2017-11-03 23:03:23 · 743 阅读 · 0 评论 -
jquery ajax error函数和及其参数详细说明
$.ajax({ url: '/AJAX请求的URL', success: function (data) { alert(data); }, error: function (jqXHR, textStatus, errorThrown) { /*弹出jqXHR...转载 2017-12-20 21:50:29 · 605 阅读 · 0 评论 -
JS改变input的value值不触发onchange事件解决方案
相关链接:http://blog.csdn.net/yuwq123/article/details/70655199https://www.cnblogs.com/aigeileshei/p/5682303.htmlhttps://segmentfault.com/q/1010000011651536转载 2018-03-06 22:08:47 · 2366 阅读 · 0 评论 -
使用jquery进行多行表格数据验证
现有如下表单,是一个表格形式的。需要对名称、手机、邮箱这3列做校验,要求:如果该行的名称输错,则提示第几行的名称字段输入错误;后续的字段如果错误,不再进行校验页面html(tableValidate.html)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/...原创 2018-04-12 09:31:18 · 1876 阅读 · 0 评论 -
jquery中的each跳出循环的方式
1.return true 相当于javascript中跳出本次循环(continue)2.return false 相当于javascript中跳出所在层的循环(break)原创 2018-06-14 15:39:40 · 1841 阅读 · 0 评论 -
js缩放网页比例
将当前网页缩放比变为200%document.getElementsByTagName('body')[0].style.zoom=2原文链接:https://segmentfault.com/q/1010000007208897转载 2018-06-22 16:06:30 · 21832 阅读 · 2 评论 -
js关闭当前页面刷新父页面
一、页面执行流程说明:1.点击父页面a.html的“点我打开新窗口”按钮-->弹出新窗口(b.html)2.关闭弹出的新窗口b.html-->刷新父页面a.html二、实现步骤:要点:1.给按钮的点击事件编写函数f1(),用于弹出新窗口 window.open(新窗口的url,"",窗口参数)2.给弹出的新窗口添加对关闭事件的监听(window.onbeforeun原创 2017-07-30 18:56:27 · 6131 阅读 · 0 评论