js
依旧平凡
这个作者很懒,什么都没留下…
展开
-
js日期格式的转换
var str = '2019/8/8';dateStrFaomat(str){var da =new Date(str);var y = da.getFullYear() + '年';var m = da.getMonth()+1+'月';var d = da.getDate()+'日';if (m.lenght ==1){ m = '0'+m}if(d.lengt...原创 2019-10-28 16:40:39 · 192 阅读 · 0 评论 -
JS字符串转换为JSON的四种方法笔记
原文链接:http://www.cnblogs.com/hgmyz/p/7451461.html1、jQuery插件支持的转换方式:示例:$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象2、浏览器支持的转换方式(Firefox,chrome,opera,safari,ie...转载 2019-10-28 16:10:25 · 174 阅读 · 0 评论 -
js排序的几种方法
//冒泡排序 function bubbleSort(arr){ for(var i = 0; i < arr.length-1; i++){ for(var j = 0; j < arr.length-i-1; j++){ if(arr[j]...转载 2019-04-29 14:56:17 · 533 阅读 · 0 评论 -
循环中的闭包
//循环中的闭包 for(var i = 0; i < 10; i++){ setTimeout(function(){ console.log(i); },1000); } //不会输出数字0--9,而是会输出数字10十次 ...转载 2019-05-05 10:10:25 · 399 阅读 · 0 评论 -
js中点击一个按钮触发两个事件
<body><inputtype=buttonvalue="切换背景色"onclick="ChangeBackColor();"/><script>varflag=false;functionChangeBackColor(){if(flag){document.body.style.backgroun...转载 2019-04-25 13:17:40 · 6140 阅读 · 0 评论 -
js一个按钮触发另一个按钮的事件
<input type="button" onclick="aa()"/><input type="button" id="btnSearch" onclick="bb()"/>function aa(){$("#btnSearch").trigger("click");}function bb(){alert("aaaaaaaa");...转载 2019-04-25 13:40:54 · 4112 阅读 · 0 评论 -
click事件点击一次执行了两遍
在页面中动态加载相同模块的时候,当触发第二次加载的模块时,有时会连第一个模块的内容随之改变,这是因为为第一个模块注册点击事件时并没有销毁而执行了两遍。此时需要手动的添加事件移除方法,可以选择在每次事件处理完成后销毁该事件,也可选择在下次事件触发前销毁之前的事件。在JQuery中存在unbind()方法,解决方案为:$(".btn").unbind('click').click(func...转载 2019-04-25 13:49:40 · 443 阅读 · 0 评论 -
click事件的累加绑定,绑定一次点击事件,执行多遍
第一种方法是使用jquery的one()方法,为元素绑定一个一次性的事件处理函数,这个事件处理函数只会被执行一次。$("#adsCollection_tb").one("click",function(){ alert("执行");})第二种方法是在每次绑定点击事件前先解除之前的事件绑定,再为元素绑定事件,类似于先清空,在做操作一样。但你使用bind()方法绑定时,可以用unbi...转载 2019-04-25 14:00:31 · 196 阅读 · 0 评论 -
js实现防止用户重复点击
原文:https://blog.csdn.net/leaves_story/article/details/80703055在研发过程中,经常因为网络等问题,用户多次点击,导致产生不必要的数据,影响后续操作,在前端我们可以使用js来控制重复点击,1.对于button,按钮可以使用disable属性进行控制,这种做法对按钮生效2,如果不是button,可以使用unbind解绑点...转载 2019-04-25 14:36:55 · 691 阅读 · 0 评论 -
html5 中 andio 的播放与暂停
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body> <lable>序曲</lable> <audio co...原创 2019-04-25 17:01:21 · 405 阅读 · 0 评论 -
JS 将一个数组按指定长度分割,组成一个新的数组集合
原文地址:https://www.cnblogs.com/xzma/p/8309100.htmlvar arr=[1,2,3,4,8,9,2,3,4] function chunk(array, size) { //获取数组的长度,如果你传入的不是数组,那么获取到的就是undefined const length = array...转载 2019-08-05 22:48:48 · 3580 阅读 · 0 评论 -
JS 判断上传文件是否为EXCEL 文件
<SCRIPT language="JavaScript"> function checkform(o){ var f_content = form1.file.value; var fileext=f_content.substring(f_content.lastIndexOf("."),f_content.length) file...转载 2019-08-26 15:44:37 · 2453 阅读 · 0 评论 -
js格式化日期(字符串方法)
var str = '201909032115';function format(str){ var dateString = str.substring(0,8); var pattern = /(\d{4})(\d{2})(\d{2})/; return dateString.replace(pattern, '$1年$2月$3日')}...原创 2019-09-03 21:31:48 · 3688 阅读 · 0 评论 -
js跨域
以上的这一种跨域处理方法是后端处理的。JSONP 只适用于 get请求,不适用post请求。原创 2019-06-28 16:42:37 · 107 阅读 · 0 评论 -
array增删元素
array增删元素var array = [0,1,2,3]; //声明一个数组var str = "4"; //声明一个元素//给数组添加固定类型的元素array.push(parseInt(str));//从数组中删除某一元素var i = array.indexOf(parseInt(str)); //找出这个值在数组中的下标位置arry.splice(i,1); //将...原创 2019-06-26 14:58:20 · 105 阅读 · 0 评论 -
input 输入框校验
js验证input输入框(字母,数字,符号,中文)<h1>js验证输入框内容</h1><br /><br />只能输入英文<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"><br /><br />只能输入英文&...转载 2019-06-26 14:59:28 · 1309 阅读 · 0 评论 -
js校验input输入文本框
js各种验证文本框输入格式(正则表达式)不能为空<input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">只能输入英文和数字<input onblur="if(/[^0-9a-zA-Z]/g.test(value))alert('有错')"><input onkeyup...转载 2019-06-26 15:00:48 · 340 阅读 · 0 评论 -
split()截取字符串方法
split();字符串分割成字符串的方法var str = abc|123fgh;str.split("|");$("#a").text(str[0]); //值为:abc$("#b).text(str[1]); //值为:123fgh**********************************************var newPrice = 30.08|[4S店]...原创 2019-06-26 15:02:14 · 5243 阅读 · 0 评论 -
jquery获取当前日期的前一个月
//日期,jquery获取当前日期的前一个月var latayesr = new Date().getFullYear()-1;var currentYear = new Date().getFullYear();var currentMonth = new Date().getMonth();var date = currentYear+'-'+currentMonth;i...转载 2019-06-26 15:03:16 · 4389 阅读 · 0 评论 -
split() 方法的使用
split()方法把一个字符串分割成字符串数组:var str="How are you doing today?";var n=str.split(" ");n 输出一个数组的值:How,are,you,doing,today?省略分割参数:var str="How are you doing today?";var n=str.split();n 输出数组值得结果:H...原创 2019-06-26 15:06:21 · 3737 阅读 · 0 评论 -
使用jquery获取url及url参数
使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作1、jquery获取url很简单,代码如下:?1window.location.href;其实只是用到了javascript的基础的window对象,并没有用jquery的知识。2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情首先看看单纯的通过javascri...转载 2018-07-02 15:20:24 · 598 阅读 · 0 评论 -
js的DOM节点
节点属性在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :1. nodeName : 节点的名称2. nodeValue :节点的值3. nodeType :节点的类型一、nodeName 属性: 节点的名称,是只读的。1. 元素节点的 nodeName 与标签名相同2. 属性节点的 nodeName 是属性的名称3. 文本节点的 n...原创 2018-08-09 12:00:30 · 322 阅读 · 0 评论 -
Javascript 总结(常用工具类的封装)
JavaScript1. type 类型判断 isString (o) { //是否字符串 return Object.prototype.toString.call(o).slice(8, -1) === 'String'}isNumber (o) { //是否数字 return Object.prototype.toString.call(o).slice...转载 2018-08-01 15:08:04 · 180 阅读 · 0 评论 -
JS事件捕获和事件冒泡
事件冒泡大家都知道的,在实际开发中也经常的接触到,然而事件捕获是个什么鬼? 对“捕获”和“冒泡”这两个概念,我想我们对冒泡更熟悉一些,因为在我们使用的所有浏览器中,都支持事件冒泡 ,即事件由子元素向祖先元素传播的,就 像气泡从水底向水面上浮一样。而在像firefox,chrome,safari这类所谓的标准浏览器中,事件传播还有个阶段,那就是捕获阶段,这个很少 有用武之地,所以被人疏...转载 2018-09-04 11:59:06 · 128 阅读 · 0 评论 -
关于跨域,以及跨域的几种方式
首先我们来想一想 为什么会有跨域这个名词的出现呢? 跨域又是什么呢?为何要跨域? 浏览器的同源策略又是什么?怎么解决? jsonp又是什么? 跨域的原理又是什么呢?名词解释:跨域:浏览器对于javascript的同源策略的限制,例如a.c...转载 2018-09-07 13:21:59 · 627 阅读 · 0 评论 -
Object.keys()
在实际开发中,我们有时需要知道对象的所有属性,原生js给我们提供了一个很好的方法:Object.keys(),该方法返回一个数组传入对象,返回属性名var obj = {'a':'123','b':'345'};console.log(Object.keys(obj)); //['a','b']var obj1 = { 100: "a", 2: "b", 7: "c"};cons...转载 2018-09-20 13:57:38 · 426 阅读 · 0 评论 -
js判断数据类型的几种方法
判断js中的数据类型有一下几种方法:typeof、instanceof、 constructor、 prototype、 $.type()/jquery.type(),接下来主要比较一下这几种方法的异同。先举几个例子: var a = "iamstring."; var b = 222; var c= [1,2,3]; var d = new Da...转载 2018-10-09 11:41:00 · 126 阅读 · 0 评论 -
JS表单验证--12个常用的JS表单验证
1. 长度限制<form name=a onsubmit="return test()"> <textarea name="b" cols="40" rows="6" placeholder="不能超过50个字符!"></textarea><br /> <input type=转载 2018-10-09 11:53:28 · 403 阅读 · 0 评论 -
js实现汉字中文排序的方法 例如:省市列表的排序
js实现汉字中文排序的方法 例如:省市列表的排序原文地址: http://www.cnblogs.com/weblff/p/9051608.html#undefinedlocaleCompare() 1.数组内的元素是中文字符串的简单排序var arr = ['南京', '北京', '上海', '杭州', '深圳']; function sortChinese (ar...转载 2018-11-20 16:02:42 · 5452 阅读 · 2 评论 -
js实现页面指定区域局部刷新
以下总结了一些常用的前端刷新页面的方法: <a href="javascript:" onclick="history.go(-2); ">返回前两页</a> <a href="javascript:" onclick="self.location=document.referrer;">返回上一页并刷新</a> <...转载 2018-07-27 16:09:58 · 52272 阅读 · 0 评论 -
JS,JQ及时监听input值的变化,MUI的input搜索框里的清除按钮的点击监听事件
JS:document.getElementById("input对象的ID").addEventListener('input',function(){ console.log("aaaaa");}); JQ:$("input对象").on("input propertychange",function(){ console.log($(this).val(...转载 2018-07-25 15:26:17 · 2758 阅读 · 0 评论 -
html 之间如何通过URL传输参数,并解决中文乱码问题
首先先看一个HTML页面间传递参数的小例子: 当在输入框中输入内容后,点击搜索,应用就会跳转到搜索页面,并传递了上一个页面搜索的内容“九”,同时搜索关联游戏,起初,如果直接通过 url?+搜索内容,这种方法实现参数传递的话,当我们搜索数字或者英文字母时,不会有问题,但是搜索中文的时候,就会出现一堆百分号样的搜索数据,这就可以说是Url中传递...转载 2018-07-02 16:21:02 · 335 阅读 · 0 评论 -
JS 实现复选框(checkbox)的全选和取消全选
看书:<input type="checkbox" name="checkbox" value=1><br>写字:<input type="checkbox" name="checkbox"value=2><br>打飞机:<input type="checkbox" name=&q转载 2018-07-24 10:51:39 · 1348 阅读 · 0 评论 -
使用slice()简单封装实现将数组分割为几个等长度的子数组
使用数组的时候,我们有时候希望将一个数组分成几个相同长度的子数组,使用slice()方法可以返回一个子数组,所以我们可以将slice()再进行封装一下,以实现上面的功能。首先我们先来看一下slice()方法:slice()定义和用法 slice() 方法可从已有的数组中返回选定的元素。 语法 arrayObject.slice(start,end)参数 描述 st...转载 2018-07-19 14:46:10 · 265 阅读 · 0 评论 -
使用slice()简单封装实现将数组分割为几个等长度的子数组
使用数组的时候,我们有时候希望将一个数组分成几个相同长度的子数组,使用slice()方法可以返回一个子数组,所以我们可以将slice()再进行封装一下,以实现上面的功能。首先我们先来看一下slice()方法:slice()定义和用法 slice() 方法可从已有的数组中返回选定的元素。 语法 arrayObject.slice(start,end)参数 描述 st...转载 2018-07-19 14:58:17 · 287 阅读 · 0 评论 -
使用jquery刷新当前页面
如何使用jquery刷新当前页面下面介绍全页面刷新方法:有时候可能会用到window.location.reload()刷新当前页面.parent.location.reload()刷新父亲对象(用于框架)opener.location.reload()刷新父窗口对象(用于单开窗口)top.location.reload()刷新最顶端对象(用于多开窗口)下面再介绍一些jav...转载 2018-07-19 16:28:30 · 909 阅读 · 0 评论 -
jquery中怎样实现两秒之后刷新页面
setTimeout(function(){window.location.reload();//刷新当前页面.},2000)window.location.reload();//刷新当前页面.parent.location.reload()//刷新父亲对象(用于框架)opener.location.reload()//刷新父窗口对象(用于单开窗口)top.location.rel...转载 2018-07-19 16:33:23 · 8803 阅读 · 1 评论 -
jquery on实现绑定多个事件
on(events,[selector],[data],fn) 概述 在选择元素上绑定一个或多个事件的事件处理函数。on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。 在jQuery 1.7中,.on()方法 提供绑定事件处理程序所需的所有功能。 帮助从旧的jQuery事件方法转换,see .bind(), .delegate(), 和 .live(). 要删除的.on...转载 2018-07-25 11:34:05 · 4628 阅读 · 0 评论 -
JavaScript中click和keypress事件绑定的顺序
1. click事件的覆盖当在同一个元素上绑定两个click事件时,后一个会覆盖前一个。例如: div.onclick=function(){ console.log('click1'); }; div.onclick=function(){ console.log('click2'); } 此时,单击div,输出...转载 2018-07-25 13:12:29 · 714 阅读 · 0 评论 -
js 实现间隔相同时间自动触发两个按钮的点击事件,两个按钮触发事件时间间隔一样,然后循环
问题:function clickTuo() { $("#ffimg1").trigger("click"); }; function clickTuo2() { $("#ffimg2").trigger("click"); };就比如这两个鼠标点击事件,...转载 2018-07-25 13:31:38 · 2867 阅读 · 0 评论