
JS
tyjlearning
这个作者很懒,什么都没留下…
展开
-
JS 预览本地文件生成浏览器可识别的URL
function getObjectURL(file) { var url = null ; if (window.createObjectURL!=undefined) { url = window.createObjectURL(file) ; } else if (window.URL!=undefined) { url = window.URL.createObject...转载 2020-09-24 16:29:43 · 2970 阅读 · 1 评论 -
获取常用时间的开始时间和结束时间及两个时间之间时间数组
/** * 获取对应的日期开始和结束时间 * @type {{convert: dateRangeUtils.convert}} */let now = new Date(); //当前日期let nowDayOfWeek = now.getDay()-1; //今天本周的第几天let nowDay = now.getDate(); //当前日let nowMonth = now.getMonth(); //当前月let nowYear = now.getYear(); //当前年now.转载 2020-07-28 09:27:46 · 977 阅读 · 0 评论 -
js 滚动条判断是否滚动到底部
returnthis.$refs.panel.scrollTop ==this.$refs.panel.scrollHeight -this.$refs.panel.offsetHeight;容器要设置高度,固定高度,否则滚动的是body,this.$refs.panel.scrollTop永远都是0转载 2020-07-01 10:35:02 · 1305 阅读 · 0 评论 -
jQuery常用方法
0、常用代码:请容许我在1之前插入一个0,我觉得我有必要把最常用的代码放在第一位,毕竟大部分时间大家都是找代码的。(1)AJAX请求$(function(){ $('#send').click(function(){ $.ajax({ type:"GET",//GET或POST, async:true,//默认设置为true,所有请求均为异步请求。 url:"http://www.idaima.com/xxxxx.php", data:{ u...转载 2020-06-11 19:29:06 · 1166 阅读 · 0 评论 -
vue 页面使用原生态JS函数
1.'<img src="'+this.api + commonService.captchaImage + '" onclick="refreshCaptcha(this)" style="margin-top:10px;border: 1px solid #b4bccc;cursor: pointer;" title="点击刷新" />'2.methods: { ...原创 2020-03-27 18:59:30 · 1734 阅读 · 0 评论 -
EasyUI为Numberbox添加blur事件的方法
$("#txtCouponRateParam").numberbox({ precision:4,});$("#txtCouponRateParam").next("span").children().first().blur(function(){ //方法体});转载 2018-08-14 14:24:45 · 2123 阅读 · 1 评论 -
jquery常用的遍历方式
1.for循环var arr = new Array(13.5,3,4,5,6);for(var i=0;i<arr.length;i++){arr[i] = arr[i]/2.0;}2.for,in循环var xvar mycars = new Array()mycars[0] = "Saab"mycars[1] = "Volvo"mycars[2] = ...原创 2018-07-31 16:52:20 · 464 阅读 · 0 评论 -
jQuery序列化表单数据 serialize()、serializeArray(),serializeJson()及使用
<form method="post" action="#" id="test_form"> 用户名:<input type="text" name="username"/><br> 密 &nbsp; 码:<input type="password&quo原创 2018-07-31 16:30:12 · 10068 阅读 · 0 评论 -
jquery怎么让滚动条自动滚到页面顶端
$('body,html').animate({'scrollTop':0},500);转载 2018-07-25 11:30:00 · 2477 阅读 · 0 评论 -
jsp中Double类数字太大时页面正常显示而不要用科学计数法
1.在java后台中进行转换a.使用BigDecimal类double num=8.2347983984297E7;String str=new BigDecimal(num).toString();注意:以上方式转换之后的可能不是你想要的模样,而是酱紫——82347983.9842970073223114013671875,原因请参考下方用法链接。想要数值恢复原样需要使用BigDecimal的S...转载 2018-06-28 11:35:09 · 1201 阅读 · 0 评论 -
页面跳转前保存页面的查询条件(二)
1.跳转前保存条件首页声明变量//查询条件缓存window.searchCache = {};var pageName;var queryParams = {};var pageParams = {};//获取文件名方法(不包含后缀)function getPageName(){ var a = location.href; var b = a.split("/"); var c...原创 2018-06-26 10:51:26 · 2347 阅读 · 1 评论 -
页面跳转前保存页面的查询条件(一)
1.html <form id="searchBox"> <div class="inputGroupBox"> <ul class="inputBox"> <li>审核状态:<input style="height:35px;" id="audState" nam原创 2018-06-26 10:18:14 · 6226 阅读 · 0 评论 -
前端页面选择excel文件解析成json对象
1.依赖js文件:xlsx.core.min.js2.html:<input class="uploadBtn" type="button" id="excelbtn" name="excelbtn" style="width:114px;" value="导入明细"/>3.js代码//解析excel$('#excelbtn').click(function()原创 2018-06-26 09:50:43 · 3352 阅读 · 3 评论 -
jQuery的deferred对象详解
jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax。为了实现它,jQuery的全部ajax代码都被改写了。但是,它比较抽象,初学者很难掌握,网上的教程...转载 2018-12-07 09:25:58 · 290 阅读 · 0 评论 -
window.localStorage的用法
一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。在HTML5中,本地存储是一个w...转载 2018-12-07 09:40:00 · 1681 阅读 · 0 评论 -
复杂JSON数据的解析
JSON数据如下:{"type":"dec-sync-response.message","status":"0","message":"成功","data":{ "invtHeadType": { "seqNo": "201900000005318528", "chgTmsCnt": "0", "putrecNo": "C53010000000", ...原创 2019-04-18 08:55:59 · 2443 阅读 · 0 评论 -
前端页面<a>标签的禁用及阻止跳转
if(len ==1){ $dom.attr("disabled",true).css({"pointer-events":"","background-color":"#1E9FFF"});}else if(len ==0 || len > 1){ $dom.attr("disabled",true).css({"pointer-events":"none","back...原创 2019-04-18 08:49:39 · 1135 阅读 · 0 评论 -
Vue调试神器vue-devtools 的安装
1.现在node.js 并安装2.下载vue-devtools插件,地址:https://github.com/vuejs/vue-devtools3.下载之后,解压文件放在某个盘的某个文件夹下面。然后通过Windows+R这个快捷键打开“运行”对话框,输入cmd,进入命令行。在命令行内,进入到解压目录vue-devtools-master目录下。先执行npm install命令;(...原创 2019-03-28 11:41:54 · 370 阅读 · 0 评论 -
关于百度富文本编辑器UEditor中ctrl+enter键表单自动提交的解决方案
最近一个消息插件中遇到一个特殊需求,就是一旦ueditor编辑器获取焦点以后,除非让编辑器失去焦点,否则window的键盘监听事件就失去作用了,在这种情况下如何才能使用ctrl+enter发送已经编辑好的内容呢?上网搜了好多,发现大家都遇到这个问题了,这里我将我自己的解决方案整理处理,与大家分享,能力有限,如有问题,欢迎指正,大神勿喷~首先我们看看ueditor/ueditor.all.js中...转载 2019-01-08 19:56:07 · 1522 阅读 · 2 评论 -
Query Event.which 属性详解
which属性用于返回触发当前事件时按下的键盘按键或鼠标按钮。对于键盘和鼠标事件,该属性用于确定你按下的是哪一个键盘按键或鼠标按钮。which属性对DOM原生的event.keyCode和event.charCode进行了标准化。适用的事件类型主要有键盘事件:keypress、keydown、keyup,以及鼠标事件:mouseup、mousedown。该属性属于jQuery的Ev...转载 2019-01-08 12:51:29 · 594 阅读 · 0 评论 -
layui下拉框复选框实现
html:<div class="layui-input-inline" style="width:100px;"><select name="Field" lay-filter="Field" placeholder="选择" multiple="multiple" class="downlist">转载 2019-01-11 14:40:03 · 9193 阅读 · 0 评论 -
jquery 关于使用 append 追加 元素后 事件无法触发
当在使用js或jQuery创建元素时,用 on(事件,function(){代码}) 或者 事件(function(){代码 })绑定事件时在使用append添加元素后 由于是在页面加载完成之后进行的元素添加,所以事件不会触发(个人理解,不对勿喷) 这时我们需要给元素绑定事件 解决方案1: on绑定 $("父级元素").on("事件","当前元素",function()...转载 2018-12-19 09:35:54 · 1441 阅读 · 0 评论 -
layui表格补充
LayUI之table数据表格获取行、行高亮等相关操作文章内容大纲 (右击展开→→)内容预览:我相信在后续的LayUI版本更新中,作者应该会着重优化数据表格,因为作为...~ 操作说明 现在转入我们今天要说的数据...~ 具体参考: 点击此处直达 但是,如果说没有checkbox,没有行内工具...~ 前言 目前LayUI数据表格既美观有不...转载 2018-12-21 17:48:38 · 584 阅读 · 0 评论 -
表格表头随滚动条滚动
1.所需文件fixed_table_rc.csssortable_table.jsfixed_table_rc.js2.表格样式<table id="fixed" class="detailTable tableValuation taskTable" > <thead> <tr class="top_valuation trBg" style="border:no.原创 2018-06-26 09:44:03 · 1209 阅读 · 0 评论 -
Easyui设置datagrid的pageNumber导致两次请求问题的解决方法
当手动设置 pageNumber大于或等于2时,查看请求的方法时,会请求2次,并且第二次的pageNumber等于1;二、原因所在:jquery.easyui.min.js 1.3.4中的7821-7828行代码;因为分页控件初始化参数 total == 0, pageNumber == 1,而初次请求第二页的参数与控件初始化参数不一致,导致了再次请求:_5dc(_545);解决方案:当页面刷新时...转载 2018-06-25 14:16:02 · 1241 阅读 · 0 评论 -
Easyui dataGrid根据某行某个字段得内容获取到该行
//通过节点对象层层找出每一行的车牌号码值进行比对var listTable =$('.datagrid-btable')[1];var tbodys = listTable.childNodes;var trs = tbodys[0].childNodes; for(var i=0,len=trs.length;i var tds = trs[i].childNodes; var原创 2018-01-19 09:28:01 · 4545 阅读 · 0 评论 -
利用html的name属性获取dom元素
function check(){ listForm.sel.checked=true; } 按下button键会使得form表单里的名为sel的checkbox被选中.转载 2018-01-18 11:20:28 · 3866 阅读 · 0 评论 -
iframe跨页面调用
1.获取另一个页面的值var value=$("#page",top.frmright.document).find("iframe#page_tab1_index1").contents().find("#test").text();2.调用另一个页面的方法$("#page",top.frmright.document).find("iframe#page_tab1_index1")[0].co原创 2018-01-18 11:11:56 · 1189 阅读 · 0 评论 -
JS日期工具类
var now = new Date(); //当前日期 var nowDayOfWeek = now.getDay()-1; //今天本周的第几天 var nowDay = now.getDate(); //当前日 var nowMonth = now.getMonth(); /转载 2018-01-18 10:33:33 · 937 阅读 · 0 评论 -
easyui combotree渲染时避免再次向后台请求数据
html: *审批人设置: JS代码:function parseData(nodelist){ if(nodelist && nodelist.length>0){ var domarr = []; for(var i=nodelist.length-1 ;i>=0; i--){ console.log(n原创 2018-01-25 17:47:55 · 1227 阅读 · 0 评论 -
easyui combotree下拉面板宽度自适应
1)修改css文件:/CWGLXT/src/main/webapp/comm/easyUI/themes/bootstrap/easyui.css注释该样式2)增加属性和事件$('#fillorgid').combotree({ url: sname+"/OrgInfomanageController/getOrgTreeDataByIds", method原创 2018-01-25 15:44:41 · 2589 阅读 · 0 评论 -
JS判断字符串长度
//计算字符串长度(英文占1个字符,中文汉字占2个字符)方法一: [javascript] view plain copy String.prototype.gblen = function() { var len = 0; for (var i=0; ithis.length; i++) {转载 2018-01-25 14:22:10 · 609 阅读 · 0 评论 -
js多文件上传删除
1)html:上传附件:${item}×2)JS//文件上传事件$('#filebtn').click(function(){crateForm2($(this),'attinfo');});function crateForm2(that,name){var uploadFile = $(原创 2018-01-25 10:34:12 · 2563 阅读 · 0 评论 -
easyui自定义表单验证规则
(function($) { /** * 新增 validatebox 校验规则 * *//** * 扩展easyui的validator插件rules,支持更多类型验证 */ $.extend($.fn.validatebox.defaults.rules, { equaldDate: { //日期 vali原创 2018-01-25 09:51:27 · 843 阅读 · 0 评论 -
使用jQuery的message插件实现右下角弹出消息框
1.首先导入JS文件" type="text/javascript">2.使用1).$.messager.lays(width, height);该方法主要用来定义弹出窗口的宽度和高度。2).$.messager.anim(type,speed);该方法主要定义窗口以什么样的方式和速度呈现。$.messager.anim("fade",1转载 2018-01-22 15:24:49 · 2910 阅读 · 0 评论 -
验证数字的正则表达式集
验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$ 验证非零的正整数:^\+?[1-9][0-9]*$ 验证非零的负...转载 2018-02-09 10:30:58 · 305 阅读 · 0 评论 -
html和jsp页面展示 等特殊字符
document.getElementById("test").innerText = "&nbsp;&nbsp;&nbsp;" ;原创 2018-02-09 17:51:59 · 2145 阅读 · 0 评论 -
js 中编码(encode)和解码(decode)的三种方法
js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent下面简单介绍一下它们的区别1 escape()函数定义和用法 escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。语法 escape(string)参数 描述 strin...转载 2018-06-13 18:15:53 · 21953 阅读 · 0 评论 -
easyui combobox 复选框多选
$('#budgetIdstr').combobox({ valueField:'id', textField:'orgName', editable:false, multiple:true, separator:';',// panelWidth:'auto', formatter:function(row){ ...原创 2018-05-15 10:49:25 · 2018 阅读 · 0 评论 -
js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例
<div style='width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;' title='鼠标悬浮显示的内容'>鼠标悬浮显示的内容</div> <!--这个内容因为是在div里面,是控制div的宽度来显示你需要看到几个字的长度,超出会显示 ...--><!--tit...原创 2018-03-19 15:29:08 · 5623 阅读 · 0 评论