JavaScript技术积累
hero-zzzzy
天道酬勤。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
知识累计日常_17.11.14
1.substr(start,length): 从字符串第几位开始提取,提取多少位例子:var str="Hello world!"document.write(str.substr(3))输出结果 lo world!综合实例: function getQueryString(name) { /定义函数 var reg原创 2017-11-14 15:40:04 · 284 阅读 · 0 评论 -
js 小数运算出现13位小数解决方法
小数相乘出现很多位小数的问题;这个问题自己以前也遇到过,现在特意来总结一下;Number类型:Number类型是ECMAScript中最常用和最令人关注的类型了;这种类型使用IEEE754格式来表示整数和浮点数值(浮点数值在某些语言中也被成为双精度数值),为支持各种数据类型,ECMA-262定义了不同的数值面量格式。十进制:var intNum=10; //整数八进制:var octalNum1=...转载 2018-04-14 16:47:39 · 1541 阅读 · 0 评论 -
js html元素内绑定点击事件 出现 js Uncaught ReferenceError :xxx is not defined
问题: 调用函数报错。原因:传值参数不是字符串,需转义。解决方法: onclick="yourFunc(\''+ json[i].username +'\')"附上代码:function() { //增加查看 上线完成 var ids = jQuery(grid_selector).jqGrid('getDataIDs'); for ( var i =...原创 2018-03-29 11:29:32 · 11173 阅读 · 0 评论 -
bootstrap-select 模糊查询插件
css:<link rel="stylesheet" href="/spgw/css/bootstrap.min.css"><link rel="stylesheet" href="/spgw/css/bootstrap-select.min.css">js:<script src="/spgw/libs/jquery.min.js"&am原创 2018-05-10 14:53:00 · 1542 阅读 · 0 评论 -
js 限制提交
var mypretime = 0; function submitCreateInTime(){ var Today = new Date(); var NowHour = Today.getHours(); var NowMinute = Today.getMinutes(); var NowSecond = Today.getSeconds(); ...原创 2018-05-30 11:10:03 · 739 阅读 · 0 评论 -
js 关闭当前页面
function closeCurrentPage() { var userAgent = navigator.userAgent; if (userAgent.indexOf("Firefox") != -1 || userAgent.indexOf("Chrome") !=-1) { window.location.href="about:blank"; ...转载 2018-07-16 13:31:47 · 2210 阅读 · 1 评论 -
巧用sessionStorage
前言: 因最近移动端开发过程中遇到一个运营提出的所谓技术难点需求,对于原生APP来说轻而易举,毕竟自己的APP用户操作指哪打哪,但是H5该怎么做?H5就实现不了么?对于一个爱研究攻克这些前端棘手问题的我来说,我没尝试过,我是拒绝对提出需求者说实现不了,做不到之类的。 是什么需求呢?--需求方要求用户在一个列表页浏览时,点击一个列表进入详情页,返回要求记录用户刚刚浏览的位置,而不是重新刷新页面...转载 2018-07-05 16:10:57 · 363 阅读 · 0 评论 -
动态元素绑定点击事件
如有转载,请标明来自此出处http://blog.youkuaiyun.com/qxs965266509,必须注意! jQuery 1.9 较之前的版本做了很大的调整,很多函数都不被支持。例如 live(),die(),toggle(),sub(),$.browser 等等都已经被移除,完整的更新内容见 http://jquery.com/upgrade-guide/1.9/ (英文)。 在不改...转载 2018-10-08 17:13:54 · 433 阅读 · 0 评论 -
js 文件上传
JS和CSS:<script> $(function() { //选择文件 $(".file").on("change", "input[type='file']", function() { var filePath = $(this).val(); //设置上传文件类型 ...转载 2018-10-15 15:58:58 · 418 阅读 · 0 评论 -
bootstrap-select 多选框回显问题
版权声明:本文为博主原创文章,未经博主允许不得转载。否则,吔屎伺候。 https://blog.youkuaiyun.com/guowujun321/article/details/79421180事例代码如下:html:<select id="useseason" name="season" class="selectpicker bla bla bli" multiple data-...转载 2018-11-23 15:36:08 · 2679 阅读 · 0 评论 -
清空表单
function clearForm(id) { var objId = document.getElementById(id); if (objId == undefined) {return;} for (var i = 0; i < objId.elements.length; i++) { if (objId.elements[i].type ...原创 2018-12-04 14:45:06 · 570 阅读 · 0 评论 -
bootstrap多选框动态刷新
$("#xxx"+ flag).selectpicker('refresh');$("#xxx"+ flag).selectpicker('render');原创 2018-12-20 11:02:03 · 1093 阅读 · 0 评论 -
GET型参数转JSON对象。
function test(href){ var params = href.split("?")[1]; var paramArr = params.split('&'); var res = {}; for(var i = 0;i<paramArr.length;i++){ var str = paramArr[i].split('...转载 2019-01-29 14:55:24 · 3571 阅读 · 0 评论 -
QQ jssdk登录
话不多说,直接上干货1.引入jssdk , 输入自己的appid<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="xxx" charset="utf-8"></script>2.放入准备登录qq用的图标,绑...原创 2019-05-22 19:35:59 · 785 阅读 · 0 评论 -
忘记密码TIP
<div class="companyErrorTip"><i></i>xxxxx</div> .companyErrorTip{ font-size: 12px; line-height: 13px; text-align: right; background: #d16d62; height: 22px...原创 2019-06-19 15:10:36 · 276 阅读 · 0 评论 -
60s倒计时
timeR = setInterval(function () {if (timeS > 0) {$('.getVerifica').text('60s后重新获取');$('.getVerifica').text(timeS + 's后重新获取');timeS--;} else {clearInterval(timeR);$('.getVerifica').tex...原创 2019-06-04 20:34:40 · 955 阅读 · 0 评论 -
js 重置表单 reset form
原文地址: http://www.hpboys.com/820.html由于JQuery中,提交表单是像下面这样的:$('#yigeform').reset();但是,不幸的是,这样写的话,会有一个让你很郁闷的结果,那就是,表单无法重置!后来,兴冲冲的查看了JQuery文档,JQuery中并没有reset方法!那有么没有办法通过JQuery来重置表单呢,答案是有的,不过是一种间接的方法。如下,因为...转载 2018-03-31 15:12:14 · 8793 阅读 · 1 评论 -
数字格式化
例如: 12345格式化为12,345.00 12345.6格式化为12,345.60 12345.67格式化为 12,345.67 只留两位小数。 回来后写了个格式化函数。可以控制小数位数,自动四舍五入。 代码如下: 引用function fmoney(s, n) { n = n > 0 && n <= 20 ? n : 2; s = pars...转载 2018-03-08 10:55:01 · 265 阅读 · 0 评论 -
window.location
window.location方法获取URL 统一资源定位符 (Uniform Resource Locator, URL) 完整的URL由这几个部分构成: scheme://host:port/path?query#fragment scheme:通信协议 常用的http,ftp,maito等 host:主机(带转载 2017-11-14 16:27:02 · 361 阅读 · 0 评论 -
知识积累日常_17.11.15(1)
1.attr()语法:$(selector).attr(attribute)作用:返回指定属性attribute的值语法:$(selector).attr(attribute,value)作用:设定被选元素的属性和值。2.substr()语法:stringObject.substr(start,length)参数:1.start:起始位置,必须为数值,负数的话从原创 2017-11-15 10:30:28 · 284 阅读 · 0 评论 -
js方法 checkbox 全选 全不选
项目经常会遇到一下需求,全选,单选需求。再此做一个小结,思路如下,判断父元素checkbox的选中状态来控制子元素checkbox的选中状态,再根据子元素checkbox的总数量与其包含checked属性的数量做对比,如果总长度大于包含checked的数量,则父元素checkbox的checked设为false,反之设为true。代码如下:function checkboxTurnOnOf原创 2017-11-15 11:23:04 · 1338 阅读 · 0 评论 -
javascript 数组方法
数组的一些方法:1.join()和split()方法 var x;var a=new Array();a[0]="XHTML";a[1]="CSS";a[2]="JavaScript";alert(a.join());alert(typeof(a.join));alert(typeof(a));join() 方法用于把数组中的所有元素放入一个字符转载 2017-11-20 15:48:29 · 386 阅读 · 0 评论 -
知识积累日常_17.12.1_利用for循环 循环发送ajax
需求:最近项目需要循环发送ajax向后台发送请求导出文件。有多个业务线,如果一次性全部下载后台负荷会过大,所以希望前台根据每条业务线单独发送请求,后台进行区分下载。我上网查阅了很多资料,下面附上代码。原理:原理是运用递归,来发送ajax,把ajax放在for循环中,达到根据业务线循环发送的目的。缺点:后台人员可以接受到我的参数,但是导出文件却无反应,目前正在研究。代码:$("#do原创 2017-12-01 11:02:56 · 395 阅读 · 0 评论 -
知识积累日常_17.11.22_JavaScript日期对象
创建一个日期对象:var objDate=new Date([arguments list]);我总结了参数形式主要有以下3种:new Date("month dd yyyy hh:mm:ss");//后面的hh:mm:ss可选(不选的话就是默认的开始时间),而且前三项的顺序可以随意,甚至各字段后面可以加逗号new Date(yyyy,mth,dd,hh,m转载 2017-11-22 16:05:41 · 420 阅读 · 0 评论 -
设置默认选中select的选中项
$("#SelectId option[value="+Value+"]").attr("selected", "selected");SelectId--Select标签的IDValue---获取到的Value转载 2017-12-19 17:37:22 · 1351 阅读 · 0 评论 -
知识积累日常_17.11.27_获取select中option的值
//获取第一个option的值 $('#test option:first').val(); //最后一个option的值 $('#test option:last').val(); //获取第二个option的值 $('#test option:eq(1)').val(); //获取选中的值 $('#test').val(); $(转载 2017-11-27 15:53:09 · 1188 阅读 · 0 评论 -
form提交表单 踩坑
1.项目需求表单中一个select选项需要置灰,随后添加 disabled="disabled"属性, 向后台传递时发现后台接收不到值而出现错误。2.原因:在HTML页面的某元素加入了disable的属性,那么这个元素只是单单的去给用户去显示,当表单提交时,这个元素不会提交给后台去处理.所以当元素加入了disabled属性,后台是无法得到这个属性的值.3.解决方法:再写一个原创 2017-12-19 10:25:07 · 811 阅读 · 0 评论 -
ajax成功回调失灵,页面刷新 表格增删改查 并向后端传值 踩坑+实例
项目需求,表格增删改查,并提交数据给后台,后台返回。问题1:form提交的数据key值一样,如果用.serialize()传递为字符串形式后台同事无法接收。解决方法:调用.serializeArray(),发送为数组形式。问题2:ajax发送成功后,成功回调总是失灵,并且可以取到后端传的值,但是成功回调函数不执行ps:偶尔执行。(个人认为此坑真的非常坑。)原因:html页面元素in原创 2017-12-15 20:45:24 · 1138 阅读 · 0 评论 -
表格验证非空
function checkForm(){ var objTable = document.getElementById("tab"); var objTR; var objTD; var objInput; for(var i=1; i转载 2017-12-18 15:14:28 · 993 阅读 · 0 评论 -
日期函数
function setCurrentMonth(){var date=new Date();var year=date.getFullYear();var month=parseInt(date.getMonth())+1;month= month var day=date.getDate();day= day var today=year+"-"+month+"-"原创 2017-12-19 11:16:59 · 370 阅读 · 0 评论 -
js 构造函数
JavaScript中没有类的概念,所以其在对象创建方面与面向对象语言有所不同。 JS中对象可以定义为”无序属性的集合”。其属性可以包含基本值,对象以及函数。对象实质上就是一组没有特定顺序的值,对象中每个属性、方法都有一个名字,每个名字都映射到了一个值,因此我们可以将对象想象称为一个散列表。JS是一种基于对象的语言,对象的概念在JS体系中十分的重要,因此有必要清楚地了解一下JS中对象创建的常用方法转载 2018-01-19 00:13:56 · 435 阅读 · 0 评论 -
javascript jquery发送ajax不同方式的区别 踩坑
原创 2018-02-09 14:27:51 · 343 阅读 · 0 评论 -
模糊查询
模糊搜索功能在工作中应用广泛,并且很实用,自己写了一个方法,以后用到的时候可以直接拿来用了!实现的搜索功能:1. 可以匹配输入的字符串找出列表中匹配的项,列表框的高度跟随搜索出的列表项的多少改变2. 可以点击某一项进行选中列表项3. 可以按下上、下、回车键来控制列表项4. 按下回车键时则会选中列表项5. 点击文本框中的下拉键头时会切换下拉框的显示/隐藏6. 点击文本框外部时自动隐藏下拉框 先来预览...转载 2018-03-08 10:53:50 · 2671 阅读 · 0 评论 -
替换json对象的key值
通过 map方法 遍历,可替换key值。const result = data.data.map(o=>{return{value:o.id, label:o.viewName}});原创 2019-08-03 14:23:31 · 2962 阅读 · 0 评论
分享