javascript
文章平均质量分 67
无颜君
这个作者很懒,什么都没留下…
展开
-
JS基础知识点整理
JS的组成: a) ECMAScript 是什么:担当的是一个翻译的角色;是一个解释器;帮助计算机来读懂我们写的程序;实现+-*/, 定义变量;几乎没有兼容性问题; b) DOM: 文档对象模型;文档指的就是网页;把网页变成一个JS可以操作的对象;给了JS可以操作页面元素的能力;document;有一些兼容性问题; c) BOM:浏览器对象模型;给了JS操作浏览器的能力;windo转载 2015-11-10 17:04:05 · 396 阅读 · 0 评论 -
JS 返回上一步(退回上一步上一个网页)
链接式:返回上一步">返回上一步按钮式: 直接跳转式:window.location.href=’http://www.ekesn.com‘;JS跳转页面参考代码第一种: window.location.href="login.jsp?backurl="+window.location.href; 第二种:转载 2016-04-22 19:25:38 · 743 阅读 · 0 评论 -
String.fromCharCode妙用只能input输入正数
type 可以是任何类型$('input[type=score]').keypress(function(e) { if (!String.fromCharCode(e.keyCode).match(/[0-9\.]/)) { return false; }});转载 2016-05-31 11:31:42 · 1003 阅读 · 0 评论 -
transitionend animationend 事件兼容问题
平时在做动画的时候,如果涉及交互比较多一些的时候。比如像拆礼盒,摇筛子等基于微信的小游戏,transitionend和animationend这个两个事件都会用到,之前做微信的小游戏过程中,把两个事件在pc端和移动端的常用的浏览器给测试了一下并做了整理,虽然浏览器的支持结果大同小异,但是还是有一些细微的差别的,其中微信和qq浏览器(其实是同一个)对于两个事件都需要加前缀!一、transit转载 2016-06-16 20:00:44 · 7919 阅读 · 0 评论 -
flipsnap--手机屏幕水平滑动框架
在很多手机应用中,大家都会见过这样一种效果:当手指横向滑动屏幕时,屏幕上的页面会向左或向右滑动。 下面介绍一下当用HTML5+CSS3开发手机应用时解决这类效果的一款js框架:flipsnap。 flipsnap.js的源码大家可以到flipsnap官网:http://pxgrid.github.com/js-flipsnap/下载。 下面列出我写的小例子转载 2016-06-22 16:27:20 · 547 阅读 · 0 评论 -
input标签内容改变的触发事件
1. onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发;onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有。2. oninput事件与onpropertychange事件的区别: oninput事件是IE之外转载 2016-08-18 18:26:44 · 270 阅读 · 0 评论 -
Js/Jquery获取iframe中的元素
在web开发中,经常会用到iframe,难免会碰到需要在父窗口中使用iframe中的元素、或者在iframe框架中使用父窗口的元素。js在父窗口中获取iframe中的元素1.Js代码 格式:window.frames["iframe的name值"].document.getElementById("iframe中控件的ID").click();转载 2016-08-09 12:04:55 · 410 阅读 · 0 评论 -
常用正则表达式大全
一、校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{转载 2016-10-26 16:24:23 · 440 阅读 · 0 评论 -
JS判断客户端是否是iOS或者Android手机移动端
通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端。代码如下:var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+;( U转载 2016-12-05 17:03:56 · 391 阅读 · 0 评论 -
FileReader:读取本地图片文件并显示
helloweba.com 作者:月光光 时间:2013-07-22 20:41 标签: html5 本地文件 最近忙得比狗还惨,导致长时间没能更新文章,真心对不住啊。抽空整理了下关于在页面上读取和显示本地图片的实例文章,本文通过实例讲解如何使用支持FileReader浏览器的用户将能够通过一个file input选择一个图片文件,并不经过上传而直接将图片显示转载 2016-11-23 15:23:40 · 770 阅读 · 0 评论 -
通过jQuery Ajax使用FormData对象上传文件
FormData对象,是可以使用一系列的键值对来模拟一个完整的表单,然后使用XMLHttpRequest发送这个"表单"。在 Mozilla Developer 网站 使用FormData对象 有详尽的FormData对象使用说明。但上传文件部分只有底层的XMLHttpRequest对象发送上传请求,那么怎么通过jQuery的Ajax上传呢?本文将介绍通过jQuery使用For转载 2017-03-10 16:05:10 · 384 阅读 · 0 评论 -
vue2生命周期钩子
作者:monkeyWang链接:https://www.zhihu.com/question/52917848/answer/150661534来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 {{ message }} var app = new Vue({ el: '#app',转载 2017-03-29 14:31:21 · 1412 阅读 · 0 评论 -
js单纯判断滚动条方向
Js代码 function scroll( fn ) { var beforeScrollTop = document.body.scrollTop, fn = fn || function() {}; window.addEventListener("scroll", function() { var afterScr转载 2017-04-25 17:58:11 · 1617 阅读 · 0 评论 -
Uploadify自定义提示信息
转自:http://pengbotao.cn/uploadify-tips.html 特此感谢版本:Uploadify Version 3.2官网:http://www.uploadify.comUploadify是一款基于Jquery的上传插件,用起来很方便。但上传过程中的提示语言为英文,这里整理下如何修改英文为中文提示。方法1:直接修改uploadify.js中的提示信转载 2016-04-21 13:03:10 · 797 阅读 · 0 评论 -
ES5中新增的Array方法详细说明
一、前言-索引ES5中新增的不少东西,了解之对我们写JavaScript会有不少帮助,比如数组这块,我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法,如下:forEach (js v1.6)map (js v1.6)filter (js v1.6)some (js v1.6)every (js v1.6)indexOf (js v1.6)lastIndex转载 2016-05-28 19:13:55 · 257 阅读 · 0 评论 -
微信开发内置浏览器JS自动关闭当前页面回到微信对话窗口
微信的WeixinJSBridge还是没牛逼的,虽然官方文档只公布了3个功能,但是还内置的很多功能没公布,但是存在比如自动关闭当前浏览器内置函数:WeixinJSBridge.call('closeWindow');直接调用即可。转载 2016-05-24 18:55:21 · 1102 阅读 · 0 评论 -
JavaScript算法详解——快速排序
常见排序javaScript实现的常见排序算法有:冒泡排序,选择排序,插入排序,谢尔排序,快速排序(递归),快速排序(堆栈),归并排序,堆排序过程"快速排序"的思想很简单,整个排序过程只需要三步: (1)在数据集之中,找一个基准点 (2)建立两个数组,分别存储左边和右边的数组 (3)利用递归进行下次比较看一个demo:http://jsdo.it转载 2015-11-10 15:10:04 · 362 阅读 · 0 评论 -
javascript 定时器工作原理
说到 javascript 中的定时器,我们肯定会想到 setTimeout() 和 setInterval() 这两个函数。本文将从 事件循环(Event Loop) 的角度来分析两者的工作原理和区别。setTimeout()MDN对 setTimeout 的定义为:在指定的延迟时间之后调用一个函数或执行一个代码片段。语法setTimeout 的语转载 2015-11-10 15:26:23 · 462 阅读 · 0 评论 -
js 数组排序函数sort
JavaScript的数组排序函数 sort方法,默认是按照ASCII 字符顺序进行升序排列。arrayobj.sort(sortfunction);参数:sortFunction可选项。是用来确定元素顺序的函数的名称。如果这个参数被省略,那么元素将按照 ASCII 字符顺序进行升序排列。sort 方法将 Array 对象进行适当的排序;在执行过程中并不会创建新的 Array转载 2015-11-15 23:11:17 · 1275 阅读 · 0 评论 -
JS中offsetLeft,Left,clientLeft的区别
假设 obj 为某个 HTML 控件。obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置,整型,单位像素。obj.offsetWidth 指 obj 控件自身的绝对宽度,不包括因 overflo转载 2015-11-21 15:17:47 · 991 阅读 · 0 评论 -
JavaScript中confirm,alert,prompt的用法及返回值
alert() 弹出个提示框 (确定) confirm() 弹出个确认框 (确定,取消) prompt() 弹出个输入框 让你输入东西一、window.confirm 参数就只有一个。显示提示框的信息。按确定,返回true;按取消返回false。 function k(){var k=window.confirm('你好!');alert(k);}转载 2015-11-17 19:14:56 · 1642 阅读 · 0 评论 -
js字符串的方法
concat 将两个或多个字符的文本组合起来,返回一个新的字符串。 var a = "hello"; var b = ",world"; var c = a.concat(b); alert(c); //c = "hello,world" indexOf 返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有转载 2015-11-17 19:38:58 · 233 阅读 · 0 评论 -
JS打乱数组最高效的方法
这个方法是我见过对高效的。 var arr=[]; for(var i=0;i100;i++){ arr[i]=i; } arr.sort(function(){ return 0.5 - Math.random() }) var str=arr.join(); alert(str);转载 2015-11-18 22:29:24 · 371 阅读 · 0 评论 -
js浏览器兼容问题总结及解决办法
javascript部分1. document.form.item 问题问题:代码中存在 document.formName.item("itemName") 这样的语句,不能在FF下运行解决方法:改用 document.formName.elements["elementName"]2. 集合类对象问题问题:代码中许多集合类对象取用时使用(),IE能接受,FF不能转载 2015-11-21 13:29:03 · 876 阅读 · 0 评论 -
javascript的offset、client、scroll使用方法详解
offsetTop 指元素距离上方或上层控件的位置,整型,单位像素。 offsetLeft 指元素距离左方或上层控件的位置,整型,单位像素。 offsetWidth 指元素控件自身的宽度,整型,单位像素。 offsetHeight 指元素控件自身的高度,整型,单位像素。 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.bod转载 2015-12-13 15:08:17 · 312 阅读 · 0 评论 -
js的window.onscroll事件兼容各大浏览器
为窗口添加滚动条事件其实非常的简单,window.onscroll=function(){};注意在获取滚动条距离的时候谷歌不识别document.documentElement.scrollTop,必须要加上document.body.scrollTop;即var scrolltop=document.documentElement.scrollTop||docu转载 2015-12-13 16:16:41 · 13338 阅读 · 0 评论 -
多个window.onscroll的解决方法
方法1:window.onscroll=function(){ alert('first scroll');}var oldMethod = window.onscroll;if(typeof oldMethod == 'function'){ window.onscroll = function(){ oldMethod.call(this)转载 2015-12-29 22:32:26 · 3708 阅读 · 0 评论 -
JS判断移动设备最佳方法 并实现跳转至手机版网页
我在开发的Magento或Wordpress主题时,通过都会制作手机版本,为了实现某个片段在手机端和桌面端不同功能,又或者如果是手机设备,就跳转到指定的网页上,那么这里就需要用到JS来做判断了,下面有一个简单的检测方法,经试验是可行的。 方法一:纯JS判断 使用这方法既简单,又实用,不需要引入jQuery库,把以下代码加入到里即可。转载 2016-01-06 00:09:43 · 491 阅读 · 0 评论 -
页面输入框js正则验证输入值为数字,且只保留小数点后两位
input type="text" id="aaa" name="aaa" onkeyup="clearNoNum(this)" onblur="clearNoNum(this)"/> function clearNoNum(obj) { //先把非数字的都替换掉,除了数字和. obj.value = obj.value.replace(/[^\d.]/g,"");转载 2017-07-28 11:13:40 · 5439 阅读 · 0 评论