最近的文章列表

js使用onpropertychange,oninput事件解决onchange事件的不足
用onpropertychange,oninput事件解决onchange事件的不足,需要的朋友可以参考下。onchange在用于文本框输入框时,有一个明显的不足. 事件不会随着文字的输入而触发,而是等到文本框失去焦点(onblur)时才会触发. 也就是没有即时性!在IE下,可以用onpropertychange来代替onchange事件,当文本框有任何变化时,能立即触发此事件.这样一来问题就解决了.那其他浏览器呢,onpropertychange可是IE的专利. 接下来就是oninput事件了.但是oninput有个诡异,必须用addEventListener的方式来绑定事件.否则无效.好了, 以下是演示例子, 主流浏览器都没问题:<!DOCTYPE html PUBLIC &quo
2011/7/26 Comments:
Google提供的jQuery 怎么使用?
我为什么使用Google提供的jQuery呢?原因:使用google提供的jQuery,加载时间少了,给用户带来好的用户体验,而且减少了服务器的流量。 使用Google提供的jQuery有两种方法:1.使用google提供 的js文件<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>2.使用google提供的api来进行加载 <script type="text/javascript" src="https://www.go
2011/7/18 Comments:
JS对象模型-执行模型
简单数值类型: 有Undefined, Null, Boolean, Number和String。注意,描述中的英文单词在这里仅指数据类型的名称,并不特指JS的全局对象N an, Boolean, Number, String等,它们在概念上的区别是比较大的。 对象: 一个无序属性的集合,这些属性的值为简单数值类型、对象或者函数。同上,这里的对象并不特指全局对象Object。 函数: 函数是对象的一种,实现上内部属性[[Class]]值为"Function",表明它是函数类型,除了对象的内部属性方法外,还有 [[Construct]]、[[Call]]、[[Scope]]等内部属性。函数作为函数调用与构造器(使用new关键字创建实例对象)的处理机制不 一样(Functio
2011/7/11 Comments:
调用IE7 JS Library库巧解IE兼容性问题
本文和大家重点讨论一下IE7 JS Library库解决IE兼容性问题,们曾经讨论过如何在IE6中正常显示透明PNG,在那篇文章中,我们讨论了如何让PNG图片在IE7以下的IE版本中正常显示的方法。IE7 JS Library库解决IE兼容性问题我们曾经讨论过如何在IE6中正常显示透明PNG,在那篇文章中,我们讨论了如何让PNG图片在IE7以下的IE版本中正常显示的方法。事实上,随着浏览器的进步,我们可以使用更方便的方法来解决IE5,IE6版本对于兼容性所引起的以上此类的问题了。什么是IE7 JS Library?IE7 JS Library是DeanEdwards编写的一个JavaScript库文件,它能够使微软IE系列的浏览器(特别是低版本的IE5,IE6)变成一个更接近WEB标准的浏览
2011/7/11 Comments:
使用jquery图片延迟加载插件jquery.lazyload实现图片延迟加载提高网站打开速度
一、快速使用篇1.导入JS插件<script src="您网站目录\jquery.js" type="text/javascript"></script><script src="您网站目录\jquery.lazyload.js" type="text/javascript"></script>上面两个JS需要手动下载!http://ishare.iask.sina.com.cn/f/13031803.html2.在你的页面中加入如下的javascript:<script type="text/javascript">$("
2011/6/20 Comments:
浅析Node.js:一个“编码就绪”服务器
引自:http://sd.csdn.net/a/20110617/299900.html导读:Node是一个服务器端JavaScript解释器,它将改变服务器应该如何工作的概念。它的目标是帮助程序员构建高度可伸缩的应用程序,编写能够处理数万条同时连接到一个(只有一个)物理机的连接代码。本文探究了Node.js能解决哪些问题,它如何工作,如何运行一个简单应用程序,最后,Node何时是以及何时不是一个好的解决方案。Node旨在解决什么问题?Node公开宣称的目标是旨在提供一种简单的构建可伸缩网络程序的方法。当前的服务器程序有什么问题?我们来做个数学题。在Java和PHP这类语言中,每个连接都会生成一个新线程,每个新线程可能需要 2 MB 配套内存。在一个拥有8GB RAM的系统上,理论上最大的并
2011/6/17 Comments:
【信息图表】Javascript框架和jQuery

我们一直想知道最流行的JavaScript框架间的对比,以及那些框架开发的web应用。下面的Javascript Frameworks和jQuery信息图表,包括了jQuery, Mootools, Prototype, YUI, Dojo, Extjs等。从该信息图表,你能够看到那些框架在上个月的安装量,也能知道jQuery 最流行的版本是jQuery 1.3.2。点击查看大图原文来源:Javascript Frameworks and jQuery (Infographic)译文来源:开源中国社区

2011/6/17 Comments:
用于图片处理的10个超级jQuery插件
这篇文章将重点介绍用于图片处理的10个超级jQuery插件,可以生成图片的动画和特效,缩放图片大小等等。1.AJAX-ZOOM这个插件非常有趣,可以用来缩放图片,旋转对象(3D特效)。查看demo。 2.Transformable可以用来变换图片:旋转,变换倾斜角度,调整图片大小(通常情况下可以和DIV共用)。查看demo。 3.Animated slide image制作炫酷独特的图片幻灯片。查看demo。 4.Before/After这个插件可以用来对比两张图片的前后变化。查看demo。 5.CSS Emoticons这个插件可以把你的文字情绪转化成笑脸表情(纯粹的CSS,没有图片)。查看demo。 6.JCrop这个插件可以用于裁剪图片,帮助用户抓图。查看demo。 7.Image
2011/6/17 Comments:
【精】COOKIE用法
Response对象和Request对象分别是包含HttpResponse和HttpRequest类实例的页面的属性 Request.cookie //将COOKIE发送给服务端 Response.cookie //将COOKIE保存在客户机概念:yourCookieObj:对象实例名 yourCookieName:对象名一、创建COOKIE 1.1、创建Cookie对象 HttpCookie yourCookieObj= new HttpCookie("yourCookieName") ; //定义cookie对象与名称
2011/6/14 Comments:
Jquery判断浏览器 jQuery 对ie6的版本检测错误及修正方法
jQuery 对ie6的版本检测错误及修正方法今天发现网页中的一个脚本错误,经检查发现是使用jQuery.browser.version判断浏览器版本时将IE8.0返回成IE6.0了, 网上搜索有同样的问题,但大部份人反映的结果都是正常的,再一测试原来问题了,因为我的测试环境是WIN2008(Windows NT 6.0),WIN2003或WINXP返回的结果都是正常的(Windows NT 5.2),查jQuery的源码时发现他是使用正则判断的version: (userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,’0’])[1] ,应该是他把navigator.userAgent中的Windows NT 6.0 解析成IE
2011/5/17 Comments: