dojo入门笔记(免费)

《dojo入门笔记(免费)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、2006年初，dojo还是0.22的时候就很关注它的发展，可一直没有在实际项目中使用。一来是由于文档的缺少，而来是dojo的相关介绍总是让人望而生畏。到现在都如此，第一个helloworld就搞了一大堆东西，比如widget组件，自定义的script标签等，加上要引入什么css文件，djConfig、dojo.require等等，让人很迷惑，这么复杂，到底dojo该怎么使用呢？我只是想把dojo当作一个普通的js类库，就像prototype那样？OK，闲话少说，来看看如何使用dojo。第一步，引入dojo.

2、jsdojo的发行包里有4个子目录，要引入的文件是名叫"dojo"的子目录里的dojo.js。假设你是这样的目录结构:project

3、+--dojo-lib

4、

5、

6、+--dijit

7、+--dojo

8、+--dojox

9、+--util

10、+--dojo_hello_world.html开始使用dojo现在开始使用dojo的第一个函数:dojo.byId，dojo.byId就等同于常

11、用的document.getElement。varusername=dojo.byId('username').valuealert(username);OK，是不是和普通的js库一样，没有任何玄机？dojo.addOnLoad现在我们想在window.onload里面处理一点东西，就像Ext.onReady，这个

12、东西在dojo里叫做dojo.addOnLoad。dojo.addOnLoad(function(){ varusername=dojo.byId('username').value alert(username);});dojo.connectOK，window.onload搞定了，那么如何监听普通的dom事件呢？没问题，强大的dojo.connect出场。functionsayHello(event){ alert("Hello");}dojo

13、.addOnLoad(function(){ varbtn=dojo.byId('hello'); dojo.connect(btn,"onclick",sayHello);});是不是和prototype的Event.observe($('btnAdd'),"load",doAdd)差不多?用prototype时最烦的就是那个长长的bindAsListener了，使用dojo.conncect，可以在

14、第三个参数中指定当前的scope：varname="Mark"functionsayHello(){ alert("Hello"+this.name);}varobj={ name:"Karl"}dojo.addOnLoad(function(){ varbtn=dojo.byId('hello'); dojo.connect(btn,"onclick",obj,sayHello);//注意这行的第三个和第四个参数});OK，点击按钮，将输出：HelloKarl。这里dojo.connect的第三个参数变成

15、了scope，而handler函数是第四个，实际上dojo.connect(btn,"onclick",sayHello);与dojo.connect(btn,"onclick",null,sayHello);相同。更加复杂的用法这里不作介绍，写太多就越搞越复杂了，后面再写文章详细介绍dojo.connect，这里只简单介绍如何绑定DOM事件。xmlhttpdojo.xhrGetOK，介绍了简单的DOM操作方法，接下来该到Ajax的传统项目-XmlHttp了。在使用xmlhttp时，需要注意到编码的问题，要

16、让dojo默认绑定为utf-8怎么办呢？很简单，只需要修改一下引入dojo.js时的标签：多了一个djConfig属性，很简单，第一个isDebug是说是否打开FireBug的Console，