最近似乎还有些js要写,边学边做吧。写了三级树形菜单,或许正如有些人说的那样,做前台的人大多有“洁癖”。我想这个“洁癖”一方面指搞前台的大多追求完美,绝不多写一个id,不多写一个标签,不多写一句CSS,当然更是要追求代码的整洁,尽量避免直接将事件函数写入xhtml中~“`当然这一切都必须付出一定的代价,时间上的,身心上的~···有时候,就为了自己短暂的YY,不惜花费大量的时间在那“完善”代码,或许在别人眼里纯属时间上的浪费~···“洁癖”自然有不好的一面了,过多地将时间花费在个人单纯的一时的快感上,有时也难免误了大事,荒废了青春啊~···[lol],同学们要注意尺度~···什么事情那都是物极必反的。
不废话啦~[haha],就是搞个三级菜单,就是不在xhtml中写事件函数,就是不写不必要的id。用到了nextSibling,IE下好好的,FF中发现始终获取不到对象。后来才发现原来FF也用这么BT的地方呢~···
nextSilbling属性的作用是:直接返回一个节点之后的节点(其后的节点与当前节点同属一个级别)。如果不包含这类节点,那么属性将返回null[空值]。IE将跳过在节点之间产生的空格文档节点(如:换行字符),而Mozilla不会这样。知道了吧,FF会把诸如空格换行之类的排版元素视作节点读取,faint~···发现FF BT的地放还有对event的处理~···相当麻烦~···nextSibling我只能nextSibling.nextSibling来解决了,因为我不愿意删除用于排版的空格和换行,这个问题倒是和IE6的莫名其妙的重复字符有点类似~···
PS:opera和safari对nextSibling的处理方式与FF一致
| Firefox |
返回键值 |
| keyCode(keypress) |
功能键(Shift,Ctrl,Alt,PrintScreen,ScrollLock无返回值)返回正确值,以外的所有键值皆为0 |
| keyCode(keydown) |
返回除PrintScreen外所有键值,字母键皆以大写状态显示键值(65-90) |
| keyCode(keyup) |
返回除PrintScreen外所有键值,字母键皆以大写状态显示键值(65-90) |
| |
|
| charCode(keypress) |
返回字符键大小写键值(65-90,97-122),Shift,Ctrl,Alt,PrintScreen,ScrollLock无返回值,其他所有键值为0 |
| charCode(keydown) |
所有键值为0 |
| charCode(keyup) |
所有键值为0 |
| |
|
| keyCode(keypress) |
返回所有字符键的正确值(区分大小写状态65-90,97-122) |
| keyCode(keydown) |
返回除PrintScreen外所有键值,字母键皆以大写状态显示键值(65-90) |
| keyCode(keyup) |
返回除PrintScreen外所有键值,字母键皆以大写状态显示键值(65-90) |
| |
|
| charCode |
IE不支持该属性 |
测试keyCode,charCode值,FF和IE中总能得到我意想不到的结果。完全无规律,后来才发现不同事件也会导致不同的结果。上表一并列出,不同浏览器,不同键盘事件所返回的keyCode和charCode(IE不支持charCode),safari和Opera未作测试,实在没那个精力~····

呵呵,标题可能有点夸张了。但是aptana绝对是目前我见过的最好的javascript集成开发工具。虽然写js的时间很短,但是却一直为缺少一款方便高效的开发工具而郁闷不已,试过不少js开发工具,dreamweaver,editplus都用过,至少在JS方面大同小异,都不支持代码提示。除非你有相当丰富的JS开发经验,否则总会在DW或EP中写代码的时候感觉不够惬意。starer同学在找eclipse,小白同学给我推荐aptana,虽然有80多M,和我装的DW CS3差不多,但绝对没让我失望。不仅限于JS,还包括HTML,CSS都有完善的自动提示,补全,警示等功能。同时支持第三方(自定义)框架,这个我还没测试,但应该不假,而且操作极为简单。想想吧,以后你不必再一遍又一遍地去查阅冗长的AJAX或者JS框架文档了,只需简单一个鼠标动作,这些框架的语法定义全都集成在aptana的开发环境中了,多么幸福美好的一件事啊~···
aptana目前英文中文版都有了,我也才刚刚装上,很多东西还不是很清楚,所以呢就不多说了。实在是因为这个工具太棒了,忍不住要拿出来分享一下!
PS:aptana对中文支持不好,我已经彻底放弃了!

前天的事情啦~···昨天一天上不了网。没发上来~···因为挂了alimama的广告,这几天到常去阿里妈妈首页看看,看到了他们的首页图片广告,一时兴起,有写的冲动~···
没写的时候不知道从何入手,写完了,倒也不知道有什么难度,也不知道有什么难处,只是对象事件函数绑定时参数传递弄了不少时间,其他地方都是顺顺利利~···
点击此处查看阿里妈妈首页图片广告效果
最终是实现了,但是总觉得不好,没有看他源代码是什么样子的。但是自己写到后面就感觉越写越乱,思维也越来越不清晰~[angry]
发现还是有很多基本概念没有理清,很多函数比我想象的复杂~····
PS:感谢Yany同学友情或是无情的技术和非技术援助。Yany同学提到了数组,呵呵,我想过,数组可以让代码结构更清晰,更便于理解,但是会增加一个构造数组的函数。因为是自己练手,就没用数组了~···