标签:
Dojo的全称是Dojo Toolkit,始创于2004年,是当前各种蓬勃发展的JS工具包中的佼佼者。Dojo 为富互联网应用程序(RIA) 的开发提供了完整的端到端的解决方案,包括核心的 JavaScript 库,简单易用的小部件(Widget)系统和一个测试框架,此外,Dojo 的开源开发社区还在不停地为它提供新的功能。
Dojo Toolkit 的特性可以分到 4 个不同部分。这种划分使得开发人员可以将库大小保持到最小,确保应用程序性能不受大量 JavaScript 库下载的影响。例如,如果您只需要 Ajax 支持性能,您只需要包含 base 包;不需要包含扩展的 Dijit UI 组件,在本系列中稍后您将学习更多关于 Dojo 加载不同模块的方法。
和其它JS工具包一样,Dojo不需要特别的环境和配置。你只需下载就能够使用。
它的下载地址:http://dojotoolkit.org/download/
如果你不想下载到本地,还可以通过CDN来获取,在你的页面中加入以下代码:
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js"></script>
CDN的缺点是当CDN的环境不稳定的时候,引用的文件可能不会正确的加载,所以建议将文件下载到本地,这样才能保证您网站的正确访问。
为了检验我们下载的Dojo工具包是否正确,按照惯例,我们来写一个Dojo版的Helloworld程序。我们要实现的功能是在页面中动态的输出Hello World字符串。
首先需要新建一个页面,并添加dojo的引用。
<script type="text/javascript" src="resources/dojo/dojo.js"></script>
在页面中加入以下JS代码:
dojo.addOnLoad(function () { dojo.create("div", { innerHTML: "Hello world!" }, dojo.body()); });
OK, 在浏览器中打开这个页面,查看运行效果:
下面是整个页面的代码,复制前请确保dojo.js的路径是否正确。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Dojo版Heloworld</title> </head> <body> <h1> Dojo版Heloworld</h1> <script type="text/javascript" src="resources/dojo/dojo.js"></script> <script type="text/javascript"> dojo.addOnLoad(function () { dojo.create("div", { innerHTML: "Hello world!" }, dojo.body()); }); </script> </body> </html>
标签:
原文地址:http://www.cnblogs.com/Crow00/p/4611063.html