最近的文章列表

js 鼠标滚轮(滑轮)事件捕捉
判断滚轮向上或向下在浏览器中也要考虑兼容性,现在五大浏览器(IE、Opera、Safari、Firefox、Chrome)中Firefox 使用detail,其余四类使用wheelDelta;两者只在取值上不一致,代表含义一致,detail与wheelDelta只各取两个值,detail只取&plusmn;3,wheelDelta只取&plusmn;120,其中正数表示为向上,负数表示向下。<script type="text/javascript">var scrollFunc=function(e){var direct=0;e=e || window.event;if(e.wheelDelta){//IE/Opera/Chrome use
2011/8/9 Comments:
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:
调用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 对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:
开发者最容易犯的13个JavaScript错误
开发者最容易犯的JavaScript错误,总结出13个。这些当中可能少不了你犯的错误。我们描述了这些陋习,并列出来解决办法,希望对开发者有帮助。1.for...数组迭代的用法 Usage of for..in to iterate Arrays举例:var myArray = [ a, b, c ]; var totalElements = myArray.length; for (var i = 0; i < totalElements; i++) { console.log(myArray[i]); } 这里主要的问题是语句中的for..."不能保证顺序,这意味着你将获得不同的执行结果。此外,如果有人增加一些其他自定义功能的函数Array.prototype,你
2011/4/19 Comments:
用XML+XSLT+CSS+JQuery+WebService组建Asp.Net网站
注意,在XSLT中可包含用于提交数据的交互控件,但不需要为其定义事件处理,交互处理都由JS完成。添加一个CSS文件,命名为Style.css,输入以下代码:body{ background-color:Silver;}h1{ color:Gray;}a{ color:White; margin-right:6px;}编译并运行,即可看到输出的数据:查看其源代码:用户访问不同页面时,只有这些XML代码会被多次下载,其他客户端的文件都只需下载一次,大大节省了服务器网络资源。由于此前在ashx中编写了支持Url参数查询的代码,我们可以通过设置max参数来决定显示的最大数据条目数:输出部分至此就完成了,接下来是输入部分:导入JQuery代码jq
2011/2/16 Comments:
JQuery的html(data)方法与&lt;script&gt;脚本块的解决方法
在使用Jquery的html(data)方法执行写数据到Dom元素时遇到一个问题:在data参数中包含script脚本块的时候,html(data)方法的执行结果与预期不符今天才注意到jQuery(...).html()方法返回的HTML会过滤掉所有的<script>块,但有时候,特别是在AJAX应用中,常常是需要保留HTML中的<script>块的,比如局部更新含脚本的内容,此时切忌不要用html()来读写HTML,还是要老老实实用elem.innerHTML。今天因为这个问题浪费了1个小时,特此给大家提个醒。 经过测试发现,新版本(1.3.2之后的,之前版本未考证过)的jQuery(...).html()方法已经不存在该问题(html()方法是一个读Dom元素数据
2011/2/14 Comments:
HTML Parsing Error: Unable to modify the parent co
网页错误详细信息用户代理: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6.4; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; CIBA; .NET4.0C; .NET4.0E) 时间戳: Wed, 19 Jan 2011 01:26:58 UTC消息: HTML Parsing Error: Unable to modify the parent container element before the child element i
2011/1/24 Comments:
面试开发人员的有效方法
伯乐在线 写道 "Alan Skorkin是一名软件开发人员,这是他分享的另一篇有关面试和开发人员的文章(中文)。Skorkin 认为,当要雇佣开发者时,传统的面试方法显得力不从心,这是必须要面对的现实。为什么不行?原因也许在面试官,因为面试也是一门技术,即便有丰富的阅历,如果提问题时问不到点子上,即使能够提出比较好的问题,他也不知道该从开发人员的回答里提取哪些信息。Skorkin提出一种新颖观点:面试技术人员,应该把他们放到应该在的位置上,然后观察他们。观察他们如何工作、如何跟别人交流,以及别人如何跟他们交 流。观察时间不需要很长,一天时间就能让你得到足够的信息,然后做出正确决定。如果你心里有中意的求职者,把他们安排到你的团队里工作一天,观察他们是否 合适,而不是再对他们进行一轮
2011/1/24 Comments:
[有料]JavaScript初学者应注意的七个细节
简化代码、使用JSON作为数据格式、尽量使用JavaScript原生函数、事件委托、匿名函数、代码可配置、代码兼容性每种语言都有它特别的地方,对于JavaScript来说,使用var就可以声明任意类型的变量,这门脚本语言看起来很简单,然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节,与大家分享。一、简化代码JavaScript定义对象和数组非常简单,我们想要创建一个对象,一般是这样写的: var car = new Object();car.colour = ’red’;car.wheels = 4;car.hubcaps = ’spinning’;car.age = 4;下面的写法可以达到同样的效果:var car = {colou
2011/1/18 Comments: