dojo 之基础篇

　　假设我们的工程目录如下：

   -- HelloWorld.html　　|-- js/
　　-- dojo/  /*此处是dojo包下面的文件,列表如下
　　
       		 -- build.txt　　-- CHANGELOG
　　-- demos
　　-- ..
　　-- dojo.js
　　-- dojo.js.uncompressed.js
　　-- iframe_history.html
　　-- LICENSE
　　-- README
　　-- src/

现在我们创建HelloWorld.html文件，代码如下：

<html>　　<head>
　　<title>Dojo: Hello World!</title>
　　<!-- SECTION 1 -->
　　<script type="text/javascript" src="js/dojo/dojo.js"></script>
　　<!-- SECTION 2 -->
　　</head>
　　<body>
　　</body>
　　</html>

在body中加入一个widget button

<button dojoType="Button" widgetId="helloButton">Hello World!</button>　　上面不一定要使用widgetId，用平常的id就行了，widget会自己将其转化为widgetId。

以下开始加入section 2的代码。

  <!-- SECTION 2 -->　　<script type="text/javascript">
　　//引入库
　　//event.*是处理事件，比如：点击，的所有包。
　　dojo.require("dojo.event.*");
　　dojo.require("dojo.widget.*");
　　dojo.require("dojo.widget.Button");
　　//点击按钮后调用的函数
　　function helloPressed()
　　{
　　alert('You pressed the button');
　　}
　　//将helloButton的点击事件绑定到helloPressed()函数
　　function init()
　　{
　　var helloButton = dojo.widget.byId('helloButton');//获得button对象
　　dojo.event.connect(helloButton, 'onClick', 'helloPressed')//绑定,这只是其中一种绑定方法
　　}
　　dojo.addOnLoad(init);//当然也可以将init函数命为其它的名
　　</script>

这样,就完成了HelloWorld.html的代码. 试试吧.　　另外,要注意的是:
　　如果init函数已经运行了,我们再使用document.getElementById 就没用了. 因为DOM
　　已经被widget改变. 只能用dojo.widget.byId.

教程首页更多教程