归类JavaScript、DOM、Ajax等相关的资料
Jun
30
这是一个老问题了,做个记录吧。简单来说,就是IE8之前的版本,需使用getAttribute('className')才能获得class属性的值,FF及IE8之后的版本则是W3C 的标准getAttribute('class')。
Jun
12
在测试某Web应用时,其中有段函数,用于动态的插入合适大小的图片到当前页面中。原理是:先利用JavaScript的Image对象读入图片,然后判断图片大小,当图片尺寸过大(超过阀值)时,给页面插入的HTML代码中,加入width和height的属性值。测试时发现,该功能有时候会失效,这时,width和height都会等于0。经分析,问题在于创建Image对象,并读入图片的过程会有延迟,不能立即得到图片的属性。而JavaScript是异步处理机制的,在图片未读完前,即继续往下执行。所以,导致获得的图片大小均为0。
既然知道原因,那么处理方法很简单,就是在读取图片后,做个延时的处理,详细可参考:这里。
没想到,在调整我的代码时,发现对setTimeout()方法的使用还有不少误解的地方,特整理如下。
既然知道原因,那么处理方法很简单,就是在读取图片后,做个延时的处理,详细可参考:这里。
没想到,在调整我的代码时,发现对setTimeout()方法的使用还有不少误解的地方,特整理如下。
Jun
11
在编写JavaScript时,遇到一个常见的问题“如何判断某值是否数组中的元素”?这让我想起了PHP中的in_array()函数和Python中in 操作符。但JavaScript似乎没有内置类似的函数,而其in 操作符的作用也有点不同。通过查询相关的资料,我发现JavaScript的in 操作符还是挺有用的。
Jun
7
某Web应用,为了方便浏览,使用表格进行汇总时,初始化状态仅显示概要,若点击该行才用显示下面的详细内容。用jQuery 来实现本来是很简单的事情,在IE 7 测试时很顺利。但Win 7下发现,IE 8中动作失效了。经查找原因,原来是jQuery 1.3.2的Bug。该问题早在网上有不少介绍:这里,转载如下:
May
25
无论是PHP,还是其他的服务端脚本都提供了文件上传功能,实现起来也比较简单。而利用JavaScript来配合,即可实现Ajax方式的文件上传。虽然jQuery本身没有提供这样的简化函数,但有不少插件可以实现。其中,Phpletter.com提供的ajaxfileupload.js是一个轻量的插件,而且编写方式与jQuery提供的全局方法$.post()非常相似,简单易用。
不过,该插件实在太简化了,除了可提供需上传文件的路径外,也就不能传递额外的值到后台服务端。所以,我修改了一下该脚本,增加个一个data对象参数。
不过,该插件实在太简化了,除了可提供需上传文件的路径外,也就不能传递额外的值到后台服务端。所以,我修改了一下该脚本,增加个一个data对象参数。
Apr
29
本来想着用jQuery等框架去避免浏览器之间对JavaScript处理的差异,但最终还是不能完全回避问题。刚好今天在Linux下修改代码,就发现了一个IE 和 FireFox 处理起来的不同之处。该方法是html() 。
Sep
7
jQuery的each函数可调用选择器得到的元素集进行循环调用。这意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。而且,在每次执行函数时,都可以给函数传递一个表示作为执行环境的元素(index),在匹配的元素集合中所处位置的数字值作为参数(从零开始的整形)。
Aug
25
jQuery选择器(Selectors,或译为选择符?)可以说是甚为强大,jQuery能够得以如此之名气,选择器的功劳是功不可没的.利用CSS和XPath选择符的能力,加上自己的”自定义选择符”,几乎无所不能的操作DOM,轻松的获取DOM中的任意元素和元素组.So,掌握好jQuery选择器,对于jQuery的学习就前进了一大步,最终发挥你的想象力,即可写出优雅高效的CODE;而对于新手而言,如何选择DOM中的元素是一个问的最多的问题.
jQuery官方API中有列出详细的信息,可以移步至:Selectors.
jQuery官方API中有列出详细的信息,可以移步至:Selectors.
Jul
24
在[原]Spry框架:XML数据集一文中,我们描述了Spry架构中,利用XML数据集发布数据的方式。其中,一种是在加载页面时生成XML数据集并生成表格显示;另一种是根据用户的输入,生成实时的XML数据集,然后通过innerHTML方式生成表格。这两种方式都很常用,但是方式二存在问题,就是没有使用Spry 表格来生成,这缺点是明显的:JavaScript代码编写麻烦,功能单一。相反,若能借助Spry 表格提供的排序、主从详细列表等功能无疑是更好的解决方法。
我参考的书籍没有找到可供参考的例子,幸亏通过重新翻阅Spry的API说明,测试后终于找到可行的办法。
我参考的书籍没有找到可供参考的例子,幸亏通过重新翻阅Spry的API说明,测试后终于找到可行的办法。
Jul
23
jQuery由John Resig创建的开源项目,是一个强大的JavaScript库,其核心团队由富有献身精神的顶尖JavaScript开发人员组成。jQuery在一个紧凑的文件中提供了丰富的特性、简单易学的语法和稳健的跨平台兼容性。还有过百种为jQuery开发的扩展插件,使得它几乎成为各类客户端脚本编程的必备工具。