|
Dojo是一个美观而实用的Ajax框架，它包括了树、在线文本编辑器、日期选取器和菜单等控件，使用起来非常简单。同时Dojo的事件机制提供了针对各种浏览器的事件监听处理机制
.jpg)
1. DOJO简介
Dojo是一个美观而实用的Ajax框架，它包括了树、在线文本编辑器、日期选取器和菜单等控件，使用起来非常简单。同时Dojo的事件机制提供了针对各种浏览器的事件监听处理机制，使开发人员不需要再担心JavaScript的跨浏览器问题，也不需要再针对不同的浏览器去创建XMLHttpRequest对象，使用非常简单的脚本就可以实现非常复杂的功能。
2. 下载和安装
.jpg)
上面这个页面是DOJO的官方站主页，地址是：http://dojotoolkit.org/
现在我们打开DOJO的下载页面，http://download.dojotoolkit.org/
到我写这篇文档的时间为止，Dojo的最新版本是1.2.1版本
.jpg)
我这里下载的Dojo版本为0.4.3，点击链接：
.jpg)
下载zip格式的压缩包文件
3. Dojo目录结构
将下载后的压缩包进行解压缩
.jpg)
|
1
|
demos
|
存放了Dojo的一些简单的演示效果
|
|
2
|
Src
|
Dojo源代码，该文件夹的全部内容在开发中都需要用到
|
|
3
|
Tests
|
Dojo的测试代码，很重要的学习资料
|
|
4
|
Dojo.js
|
Dojo Ajax版的JavaScript代码，该文件需要被引入到Html页面中
|
|
5
|
dojo.js.uncompressed.js
|
没有去掉注释的dojo.js文件形式
|
4. 使用Dojo
复制dojo.js和src文件夹到Web项目的根目录(WebRoot)下任意路径，然后在Html或JSP中引入Dojo的JavaScript库，例如：
|
<script type=“text/javascript” src=“dojo/dojo.js”></script>
|
我这里用红色标注的dojo为Web根目录下的一个文件夹的名字，dojo.js和src都是保存在该文件夹下的，当然这个文件夹的名字可以随意定义
5. 第一个测试程序
|
<html>
<head>
<title>Dojo示范程序</title>
<script type="text/javascript" src="dojo/dojo.js"></script>
<script type="text/javascript">
//类似于Java中的import，建议放在开头
dojo.require("dojo.widget.Button");
</script>
</head>
<body bgColor="#CCCCCC">
<button dojoType="Button" widgetId="HelloButton">提交</button>
</body>
</html>
|
效果如下：
.jpg)
|
北大青鸟中博大学生专区
南京北大青鸟高中生专区
北大青鸟南京中专生专区
南京中博待业者专区
北大青鸟在职者专区
