开发跨浏览器JavaScript时要注意的问题

最近在做系统的B/S部分,用DWR做Ajax处理,期间遇到一些浏览器兼容的问题,table.insertRow()row.insertCell() 在IE下没有问题,但在FireFox下无效。同事说不用考虑FireFox的兼容,客户使用的环境就是IE。我偏执的认为就算不在所有浏览器下通过,至少在我的Fi reFox下需要正常运行。

晚上花了一点时间稍微研究了一下跨浏览器开发JavaScript时要注意的问题,的确好多学问。我对JavaScript的认识还太浅,得花时间做一些功课了。

顺便推荐一本JavaScript书《JavaScript语言精粹 》,是大名鼎鼎的“O’Reilly”系列,我只看了试读的第一章节,斗胆推荐

随网之舞《JavaScript语言精粹》 @ 随网之舞有更详细的介绍。

image

传送门:

购买《JavaScript语言精粹 》via China-Pub

评论 《JavaScript语言精粹》via 豆瓣

样章阅读第一章. 精华 第十章. 优美的特性

以下文章没有URL出处 …

more ...

关于禁用Javascript的讨论

做用户验证时候,在为客户端和服务器端各自的验证发愁,这时候我想到一个问题,现在这么多网站依赖javascript来表现页面,那么如果禁用了会怎么样呢。

Google了一下,找到一篇06年的帖子。当客户端把Javascript禁用后,猛击这里打开

最让我吃惊的是这篇神奇的帖子从06年被讨论到09年,从挖坟N次,好狠…

摘录部分语句如下:

所以我会做一个纯HTML的首页,告诉人家不要屏蔽javascript,不要屏蔽ActiveX,不要…………:( :(

看看Gmail怎么做的。我觉得那就是答案(的一种)。

禁止JS上在功能的使用上致少不该受到影响,但是国内的许多网站不去考虑这个。 只是盲目的跟风, 什么AJAX、什么体验,很多都是建立在JS上的,一旦使用的浏览 器不支持JS,就什么都没了。google做得不错,可是国内一些所谓的门户网站,像sinasohu163yahoo或多或少都存在一定的问题,这些站的首页或许没 什么问题,但看看其它的页面就知道。 既然浏览器提供了禁用JS、禁用COOKIE的功能,那我们就不得不考虑禁用后对我们的影响。

CJJ 老是走极端。

什么网站能满足100%的用户需要?

GOOGLE搜索,只能说第一页的排序满足80%的人的需要。

所以,做一个检查,低于10%的人没有打开JS,就不用专为他们搞一个版本了 …

more ...

继续推荐书:Ajax实战

本来关于Ajax的学习可以告一段落,原因是看的一本国内的教材有点错误,耗了好多时间才改对,让我对Ajax的热情稍微降低

不过很“可惜”的是,今天在China-pub上看到一本五星评价的书,《Ajax实战》,抱着试一试的态度,居然在图书馆找到了这本书。

略微一看,是ajaxcn.org做的翻译,还是不错的,而且是Ajax领域的开山之作,读完前言,又激发我读下去的乐趣。

在此感谢矿大的图书馆,总是留下最后一本书给我借,谢谢````

链接地址:

Ajax实战:实例详解 全场购物满58元免配送费!

more ...

关注一下Ext JS

在China-pub首页上看到深入浅出Ext JS这本书,China- pub推荐为09年最值得期待的Ajax技术图书感觉这本书挺不错,就关注了一下Ext JS

1、ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框 架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术,由开发人员JackSlocum开发,通过 参考JavaSwing等机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,都可算是一款不可多得的JavaScript客户端技术 的精品。

2、Ext的UI组件模型和开发理念脱胎、成型于Yahoo组件库YUI和Java平台上Swing两者,并为开发者屏蔽了大量跨浏览器方面的处理。相对来说,EXT 要比开发者直接针对DOM、W3C对象模型开发UI组件轻松。

Ajax主流框架与ExtJS

JQuery、 Prototype和YUI都属于非常核心的JS库。虽然YUI,还有最近的JQuery,都给自己构建了一系列的UI器件(Widget),不过却 没有一个真正的整合好的和完整的程序开发平台。哪怕是这些低层的核心库已经非常不错了,但当投入到真正的开发环境中,依然需要开发者做大量的工作去完善很多缺失之处。 而Ext就是要填补这些缺口。主流开源框架中只有Dojo像Ext一样,尝试着提供整合的开发平台 …

more ...

Ajax 好玩的拖拽(顺便测试chrome下文字编辑的代码高亮)

HTML语言: ajax 拖拽

New Document
more ...

Ajax起步:使用DOM解析XML

只要代码没问题,基本上就没有问题,唯一值得注意的是虽然是html文档,但是如果想使用dom解析xml,还是必须使用服务器的,否则XMLHttpRequest 返回的status就是0了。

XML语言: studentdata.xml

0371

张三

17

0372

李四

18

0373

王五

18

HTML语言: domxml.html

<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

使用DOM解析XML

<input type=“button” value=“解析XML” color: rgb(170,85 …

more ...