dojo Quick Start

以前的文章了，先转过来凑数，以后将只在这里更新~~~
原作者: Kenny 转载请注明出自 http://www.fyting.com,谢谢
2006年初，dojo还是0.22的时候就很关注它的发展，可一直没有在实际项目中使用。一来是由于文档的缺少，而来是dojo的相关介绍总是让人望而生畏。到现在都如此，第一个hello world就搞了一大堆东西，比如widget组件，自定义的script标签等，加上要引入什么css文件，djConfig、dojo.require等等，让人很迷惑，这么复杂，到底dojo该怎么使用呢？我只是想把dojo当作一个普通的js类库，就像prototype那样？OK，闲话少说，来看看如何使用dojo。
首先，引入dojo.js
dojo的发行包里有4个子目录
假设你是这样的目录结构:

project
|
+–dojo-lib
| |
| +–dijit
| +–dojo
| +–dojox
| +–util
|
+–dojo_hello_world.html

要引入的文件是名叫”dojo”的子目录里的dojo.js

<script type="text/javascript" src="./dojo-lib/dojo/dojo.js">
</script>

开始使用dojo
现在开始使用dojo的第一个函数:dojo.byId
dojo.byId就等同于常用的document.getElementById

<input type="text" name="username" id="username" value="Mark" />
<script type="text/javascript">
var username = dojo.byId(’username’).value
alert(username);
</script>

OK，是不是和普通的js库一样，没有任何玄机？
dojo.addOnLoad
现在我们想在window.onload里面处理一点东西，就像Ext.onReady，这个东西在dojo里叫做dojo.addOnLoad

dojo.addOnLoad(function(){
var username = dojo.byId(’username’).value
alert(username);
});

dojo.connect
OK，window.onload搞定了，那么如何监听普通的dom事件呢？没问题，强大的dojo.connect出场

<script type="text/javascript">
function sayHello(event)
{ […]