<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>validationTextbox</title> <head> <title>Dojo: Hello World!</title> <style type="text/css"> @import "dojoroot/dijit/themes/tundra/tundra.css";<!--导入样式表--> @import "dojoroot/dojo/resources/dojo.css" </style> <script type="text/javascript" src="dojoroot/dojo/dojo.js" djConfig="parseOnLoad: true"> </script> <script type="text/javascript"> dojo.require("dijit.form.Button");//添加部件; </script> </head> <body> <button dojoType="dijit.form.Button" id="helloButton">Hello Dojo! <script type="dojo/method" event="onClick"> alert('You pressed the button'); </script> </button> </body> </html>
特别备注：有些术语表述的不精确，有些知识点还需要时间总结，时时会纠正和更新。
一、dojo是什么？
dojo是Javascript的第三方库。
这里下载的版本为：dojo-release-1.12.2
解压后的文件为：
以后的问题都围绕这几个文件夹说明。
配置：
win7系统，安装IIS,然后在wwwroot文件夹下建立一个文件夹dojoroot，将上面几个文件拖进dojoroot文件夹下。而开发的源文件处于wwwroot文件夹下，引用dojo模块的格式应该为：
/dojoroot/.../...的样式，应该说配置还是比较简单的。
新的代码（极简化的形式）：
<html > <head> <meta charset="utf-8"> <!--加载重要的dojo.js文件，（文本在本地，路径见下方）--> <script src="/dojoroot/dojo/dojo.js"></script> </head> <body> <script type="text/javascript"> <!--遍历dojo对象的所有属性（包括方法等等）--> for(var key in dojo) { document.write(key+"->"+"<br>"); } </script> </body> </html>
上面代码说明的几个问题：
- 首先需要加载dojo.js文件
- 当加载之后，实际上浏览器就构造了一个很大的dojo对象。
- 必须通过localhost/....的形式访问。