javascript学习笔记
文章平均质量分 69
abxn2002
这个作者很懒,什么都没留下…
展开
-
+new Date是什么意思?
转载地址:https://w3ctrain.com/tags/new-Date/JavaScript中可以在某个元素前使用 ‘+’ 号,这个操作是将该元素转换秤Number类型,如果转换失败,那么将得到 NaN。所以 +new Date 将会调用 Date.prototype 上的 valueOf 方法,而根据 MDN ,Date.prototype.value 方转载 2016-12-01 14:09:36 · 13549 阅读 · 1 评论 -
JavaScript闭包 取for循环i
转载: http://blog.csdn.net/nx8823520/article/details/6858126有个网友问了个问题,如下的html,为什么每次输出都是5,而不是点击每个p,就alert出对应的1,2,3,4,5。 闭包演示 function init() { var pA转载 2013-10-14 10:32:52 · 602 阅读 · 0 评论 -
javascript innerHTML、outerHTML、innerText、outerText的区别
转载地址: http://www.jb51.net/article/16585.htm1、功能讲解: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本 2、示转载 2013-10-10 18:18:51 · 568 阅读 · 0 评论 -
关于在IE下对Select标签设置innerHTML无效的问题
转载地址: http://blog.csdn.net/grubbyfan/article/details/3743344这是IE的一个BUG,微软的BUG申明中注明了两种解决方案:1. 如果您必须使用 innerHTML ,一种替代方法是使用一个 div 对象封装 SELECT 元素和然后设置 div 对象的 innerHTML 属性。 例如:My Ex转载 2013-10-10 18:16:05 · 717 阅读 · 0 评论 -
JavaScript定时器
转载地址:http://www.cnblogs.com/yangjunhua/archive/2012/04/12/2444106.html一、setTimeoutsetTimeout(function(){ //要执行的代码 },200);理解:指隔200ms后,定时器代码被添加到队列中,等待JavaScript进程空闲后,转载 2013-09-02 09:32:35 · 480 阅读 · 0 评论 -
7 JavaScript Basics Many Developers Aren't Using (Properly)
转载地址:http://tech.pro/tutorial/1453/7-javascript-basics-many-developers-aren-t-using-properly?utm_source=javascriptweekly&utm_medium=emailJavaScript, at its base, is a simple language that we c转载 2013-08-12 15:07:22 · 619 阅读 · 0 评论 -
中文输入法无法触发onkeyup事件的问题
转载地址:http://www.zlovezl.cn/articles/12/具体表现是这样的:当监听一个input的keyup的事件的时候,英文输入法的情况下可以实时的通过keyup事件检测到文本框value的变化,但是当输入法变成中文后,input的keyup事件就不会被正常触发。这是最先前的写法。 使用keyup事件检测文本框内容转载 2013-08-19 11:26:17 · 1511 阅读 · 0 评论 -
原生JS获取CSS属性值
转载地址: http://blog.csdn.net/hulefei29/article/details/3694884function getCurrentStyle (obj, cssName) { if (obj.currentStyle) { return obj.currentStyle[cssName]; }转载 2013-06-16 23:52:45 · 1000 阅读 · 0 评论 -
原生JS实现淡入淡出效果(fadeIn/fadeOut/fadeTo)
转载地址:http://mrthink.net/js-fadein-fadeout-fadeto/淡入淡出效果,在日常项目中经常用到,可惜原生JS没有类似的方法,而有时小的页面并不值得引入一个jQuery库,所以就自己写了一个,已封装, 有用得着的朋友, 可以直接使用. 代码中另附有一个设置元素透明度的方法, 是按IE规则(0~100)设置, 若改成标准设置方法(0.00~1.00转载 2013-06-04 11:15:28 · 991 阅读 · 0 评论 -
原生JavaScript中获取元素索引的函数
转载地址: http://mrthink.net/javascript-index-functio/代码:function elemIndex(current, obj){ for (var i = 0, length = obj.length; i<length; i++) { if (obj[i] == current) { r转载 2013-06-12 13:07:40 · 1008 阅读 · 0 评论 -
$(document).ready()方法和window.onload方法区别
转载地址: http://cll.socss.cn/archives/6641.执行时机window.onload方法是在网页中的所有的元素(包括元素的所有关联文件)都完全加载到浏览器之后才执行。这种方式有一个很大的优点:不用考虑DOM元素加载的顺序。而通过jQuery中的$(document).ready()方法注册的事件处理程序,只要在DOM完全就绪时,就可以调用了转载 2013-04-02 13:37:58 · 594 阅读 · 0 评论 -
Javascript的变量与delete操作符
转载地址: http://tech.idv2.com/2008/01/09/javascript-variables-and-delete-operator/Javascript的变量实际上Javascript中,变量 = 对象属性,这是因为 Javascript 在执行脚本之前会创建一个Global对象,所有的全局变量都是这个Global对象的属性,执行函数时也会创建转载 2013-04-01 19:05:52 · 475 阅读 · 0 评论 -
javascript的delete
转载地址: http://www.cnblogs.com/kaima/archive/2009/03/19/1417040.html/*与c++不同,javascript的delete不会删除属性所指向的对象“删除属性而不是删除对象”这一点,可以通过以下的代码来确认。*/var o = {};var a = { x: 10 };o.a = a;delete o.a;转载 2013-04-01 17:28:15 · 602 阅读 · 0 评论 -
再谈javascript图片预加载技术
转载地址: http://www.blueidea.com/tech/web/2011/8335.asp图片预加载技术的典型应用:如lightbox方式展现照片,无疑需要提前获得大图的尺寸,这样才能居中定位,由于javascript无法获取img文件头数据,必须等待其加载完毕后才能获取真实的大小然后展示出来,所以lightbox显示的图片的速度体验要比直接输出的差很多,而本转载 2012-12-04 14:27:00 · 401 阅读 · 0 评论 -
JS 图片预加载技术
转载地址: http://www.cssbox.net/js-img-onload.html项目开发中时常需要用 JS 判断一张图片是否加载成功,如果图片加载成功,则执行其相应的 onload 绑定事件,这个就是我们所说的图片预加载技术,先上最终版代码:function loadImage(url, callback) { var img = new Im转载 2012-12-04 14:21:50 · 422 阅读 · 0 评论 -
JS判断手机浏览器
转载地址: http://www.cnblogs.com/phphuaibei/archive/2011/12/09/2282570.html判断原理:JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的user转载 2012-12-04 17:16:02 · 620 阅读 · 0 评论 -
Javascript面向对象编程(三):非构造函数的继承
转载地址; http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance_continued.html这个系列的第一部分介绍了"封装",第二部分介绍了使用构造函数实现"继承"。今天是最后一个部分,介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承?比如,现在有一个对转载 2012-11-19 22:50:42 · 404 阅读 · 0 评论 -
JavaScript函数继承
转载地址: http://www.cnblogs.com/Guazi-JS/articles/1698628.htmlJavaScript是一种弱类语言没有像那些强类型的语言那样有一个独一无二的继承方法来完成相关函数之间的继承关系,在JavaScript中如果想达到继承的效果就要采取一系列的措施。JavaScript属于使用原型式继承的少数语言之一。 不多废话,进入主题。Java转载 2012-11-19 09:57:36 · 469 阅读 · 0 评论 -
The onmousewheel event of JavaScript
转载:http://www.javascriptkit.com/javatutors/onmousewheel.shtmlWith the ubiquity of the mouse wheel for navigating web pages comes a JavaScript event for developers to take advantage of that-转载 2013-11-02 23:25:24 · 742 阅读 · 0 评论 -
控制输入法演示
转载地址: http://elf8848.iteye.com/blog/1613256开发一般的B/S架构的管理类型应用,都需要大量录入表单。如果能依据输入的内容的类型,智能的切换输入法,那可太人性化了。比如:录入中文姓名时自动换成中文输入法,录入英文名时自动换成英文输入法,录入数字时只有录入1-9。 演示的截图:转载 2014-03-02 14:34:10 · 653 阅读 · 0 评论 -
WEB开发者必备的7个JavaScript函数
转载地址:http://www.admin10000.com/document/7031.html防止高频调用的debounce函数 这个 debounce 函数对于那些执行事件驱动的任务来说是必不可少的提高性能的函数。如果你在使用scroll, resize, key*等事件触发执行任务时不使用降频函数,也行你就犯了重大的错误。下面这个降频函数 deboun转载 2016-02-29 22:13:46 · 515 阅读 · 0 评论 -
解决 Javascript 中 atob 方法解码中文字符乱码问题
转载地址:http://blog.sqrtthree.com/2015/08/29/utf8-to-b64/首先, 为什么要编码?由于一些网络通讯协议的限制, 又或者是出于信息加密的目的, 我们就需要将原信息转换为 base64 编码,然后才能进行传输.例如,发送某些含有 ASCII 码表中 0 到 31 之间的控制字符的数据。通常的方法是通过 window.bto转载 2016-03-14 16:33:41 · 25075 阅读 · 0 评论 -
使用 JavaScript 控制 HTML5 视频播放器
转载地址:https://msdn.microsoft.com/zh-cn/library/hh924823(v=vs.85).aspxHTML5 video 对象提供可以用于通过 JavaScript 控制播放的方法、属性以及事件。如何创建自己的按钮?我能播放这种格式吗?如何更改文件?出错了怎么办?我还可以对视频属性执行哪些操作?相关主题通过向转载 2016-02-02 00:11:36 · 1860 阅读 · 0 评论 -
有关HTML5 Video对象的ontimeupdate事件的问题
转载地址:http://www.cnblogs.com/jaxu/p/3155915.html日前在做一个视频播放的页面,其中用到了HTML5的Video对象,这个是HTML5中新增的一个对象,支持多种不同格式的视频在线播放,功能比较强大,而且还扩展了许多事件,可以通过JavaScript脚本来对视频播放进行控制。参考下面两个链接:http://msdn.microso转载 2016-02-01 22:58:13 · 2800 阅读 · 0 评论 -
JS判断客户端是否是iOS或者Android
转载地址:http://caibaojian.com/browser-ios-or-android.html通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端。代码如下:var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr转载 2016-02-01 22:55:30 · 493 阅读 · 0 评论 -
iOS 微信 音频 视频自动播放
转载地址:http://www.w3ctech.com/topic/1165在做爆米兔的时候,遇到上面的问题,各种尝试都没有结果。最后发现:通过下面的方式可以解决,在iPhone手机微信中正常自动播放。必须在微信Weixin JSAPI的WeixinJSBridgeReady才能生效,猜测微信接口做了处理~可以用iPhone手机在微信中打开这里,查看效果转载 2016-02-01 22:54:04 · 1906 阅读 · 0 评论 -
使用javascript和css模拟帧动画的几种方法浅析
转载地址:http://blog.sina.com.cn/s/blog_830edcf30101mxma.html我们平时在开发前端页面的时候,经常会播放一段帧序列。这段帧序列就像gif图片那样,反复循环播放。那大家可能会说,直接用gif图片就好了,干嘛还去模拟呢?那是因为要做得更加灵活,我们要做到以下几点:1、我们希望这段帧动画只循环播放所指定的次数。2、我们转载 2015-12-16 10:02:35 · 634 阅读 · 0 评论 -
js正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码
转载地址:http://www.cnblogs.com/liufei88866/archive/2009/11/27/1612003.html1.文本框只能输入数字代码(小数点也不能输入)keyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\转载 2015-11-17 09:55:46 · 575 阅读 · 0 评论 -
前端图片预览,上传前预览,兼容IE7、8、9、10、11,FIREFOX,CHROME
转载地址:http://hao.jser.com/archive/7968/在现在的Web开发中不可避免的会做一个图片预览的功能,比如在上传图片的情况下,一个很简单的办法就是讲图片上传至服务器之后,再将文件的URL返回回来,然后异步通过这个URL加载刚刚上传的图片,实现图片的预览,很明显的在这个过程中两次Web请求,一次发送文件,一次下载文件,到最后这个文件如果在客户端被删除(取消转载 2015-10-15 16:37:33 · 4828 阅读 · 1 评论 -
JavaScript 代码性能优化总结
转载地址:http://web.jobbole.com/83778/下面是我总结的一些小技巧,仅供参考。以下代码基本上在jQuery的源码里面都可以看到,如有说得不对的地方,请大家指出。尽量使用源生方法javaScript是解释性语言,相比编译性语言执行速度要慢。浏览器已经实现的方法,就不要再去实现一遍了。另外,浏览器已经实现的方法在算法方面已经做了很多转载 2015-10-13 16:07:19 · 445 阅读 · 0 评论 -
JavaScript中常见的数组操作函数及用法
转载地址:http://web.jobbole.com/82339/昨天写了个帖子,汇总了下常见的JavaScript中的字符串操作函数及用法。今天正好有时间,也去把JavaScript中常见的数组操作函数及用法总结一下,这样方便大家准备参考。如果恰好你也在准备各种笔试,希望对你有所帮助。同时,也欢迎补充。1、数组创建创建数组应该是最简单的了,有用数组字面量创建转载 2015-04-16 17:02:57 · 645 阅读 · 0 评论 -
你可能不知道的一些JavaScript 奇技淫巧
转载地址:http://web.jobbole.com/82346/这里记录一下以前学习各种书籍和文章里边出现的JS的小技巧,分享给大家,也供自己查阅,同时感谢那些发现创造和分享这些技巧的前辈和大牛们。1、遍历一个obj的属性到数组123vara=[];for(a[a.length]转载 2015-04-19 22:40:07 · 498 阅读 · 0 评论 -
别再为了this发愁了:JS中的this机制
转载地址:http://web.jobbole.com/82262/题记:JavaScript中有很多令人困惑的地方,或者叫做机制。但是,就是这些东西让JavaScript显得那么美好而与众不同。比方说函数也是对象、闭包、原型链继承等等,而这其中就包括颇让人费解的this机制。不管是新手还是老手,不仔细深抠一下还真闹不明白this倒地咋回事捏。今天,我们就一起看一下this倒地转载 2015-04-02 09:13:00 · 577 阅读 · 0 评论 -
AMD、CMD、UMD 模块的写法
转载地址:http://web.jobbole.com/82238/简介最近几年,我们可以选择的Javascript组件的生态系统一直在稳步增长。虽然陡增的选择范围是极好的,但当组件混合匹配使用时就会出现很尴尬的局面。开发新手们会很快发现不是所有组件都能彼此“和平相处”。为了解决这个问题,两种竞争关系的模块规范AMD和CommonJS问世了,它们允许开发转载 2015-03-28 13:59:45 · 711 阅读 · 0 评论 -
兼容的firstChild,lastChild,nextSibling,previousSibling写法
转载地址:http://www.w3cfuns.com/blog-5458045-5402770.html在IE下是支持firstChild,lastChild,nextSibling,previousSibling但是在FF下,由于它会把标签之间的空格当成文本节点,所以为了准确地找到相应的元素,会用firstElementChild,lastElementChild,next转载 2014-12-19 13:53:27 · 1781 阅读 · 0 评论 -
Pseudo-who?
转载地址:转载 2014-09-16 16:37:19 · 516 阅读 · 0 评论 -
JavaScript判断浏览器类型及版本(新增IE11)
转载地址:http://keenwon.com/851.html转载 2014-08-13 17:23:51 · 612 阅读 · 0 评论 -
js获取url参数值
转载地址: http://www.cnblogs.com/jiekk/archive/2011/06/28/2092444.html方法一:正则分析法function getQueryString(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");var r = window.location.s转载 2012-11-14 14:38:47 · 389 阅读 · 0 评论 -
jquery的getScript方法引入的js文件怎么转化编码
转载地址: http://www.myexception.cn/javascript/824364.htmljquery的getScript方法引入的js文件如何转化编码?问题:用getScript方法引入的js文档如何进行编码转换?例如在一个gbk编码的js中用此方法引入的utf-8的js文件中的中文都是乱码------解决方案------------------转载 2012-11-28 13:20:16 · 1391 阅读 · 0 评论 -
纯javascript版天气预报
转载地址: http://www.cnblogs.com/blue-lg/archive/2012/03/04/2379564.htmlhtml:View Code js版天气预报转载 2012-11-08 22:59:56 · 1619 阅读 · 0 评论