Dojo Quick Start Guide 快速入門 基本框架
放了方便測試，我將文件將解壓到 Web Server 的 "js/dojotoolkit" 文件夾中，如果你愿意，也可以綴上版本號(hào)。最后的目錄結(jié)構(gòu)應(yīng)該像下圖這樣：
明確 dojo.js 文件的路徑非常重要。只要 dojo.js 能被正確裝入頁面，package system 會(huì)自動(dòng)處理對相關(guān)模塊的引用和依賴。
The Dojo Book，提供了大量的指南和教程，更深入的介紹了獲得各種 dojo 不同版本的方式。
也可以從 Google 的公用庫引入腳本，如下：http://ajax.googleapis.com/ajax/libs/dojo/1.3.1/dojo/dojo.xd.js
基本框架
下面是一個(gè) dojo 程序的基本框架：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Dojo Toolkit Test Page</title>
<!-- 裝入Dojo 基本庫 -->
<script type="text/javascript" src="js/dojotoolkit/dojo/dojo.js"
djConfig="parseOnLoad:true, isDebug:true">
</script>
<script type="text/javascript">
/* 其他的腳本程序 */
</script>
<style type="text/css">
/* 樣式表在這 */
</style>
</head>
<body><!-- 頁面內(nèi)容 -->
<h1 id="testHeading">Dojo 基本框架</h1>
<div id="contentNode">
<p>一些內(nèi)容</p>
</div>
</body>
</html>
版權(quán)聲明：本博客文章如非特別注明，均為原創(chuàng)，作者保留所有權(quán)利！歡迎轉(zhuǎn)載，轉(zhuǎn)載請注明作者左洸和出處博客園
配置 Dojo 啟動(dòng)參數(shù)
dojo在裝入時(shí)應(yīng)該進(jìn)行參數(shù)配置，兩個(gè)最重要的參數(shù)是 parseOnLoad 和 isDebug 。第一個(gè)參數(shù)確定是否在頁面裝入時(shí)解析 dojo 組件和內(nèi)置標(biāo)簽；第二參數(shù)打開或關(guān)閉調(diào)試信息。有兩種配置方式：
第一種方式在 <script> 標(biāo)簽中配置，如下：
<script type="text/javascript" src="js/dojotoolkit/dojo/dojo.js"
djConfig="parseOnLoad:true, isDebug:true">
</script>
第二種方式在 dojo.js 裝入之前，建立一個(gè)全局變量 djConfig，如下：
<script type="text/javascript">
var djConfig = {
isDebug:true,
parseOnLoad:true
};
</script>
<script type="text/javascript" src="js/dojotoolkit/dojo/dojo.js"></script>
兩種方式有同樣的效果。
如何開始？
由于各種版本的瀏覽器對頁面裝入 "ready" 狀態(tài)有不同的定義，所以 Dojo 提供了一個(gè) dojo.addOnLoad 函數(shù)，程序從這里面開始，如下代碼：
// 某個(gè)函數(shù)
var init = function(){
console.log("I run after the page is ready.");
};
//ready 后運(yùn)行上面的函數(shù)
dojo.addOnLoad(init);
// 這是另一種形式，用匿名函數(shù)
dojo.addOnLoad(function(){
console.log("I also run, but second. ");
});
重要提示：不要用 <body onLoad="someFunc"> 和 window.onload=someFunc 開始你的函數(shù)，而應(yīng)該使用 dojo.addOnLoad(someFunc)
更多
通過 dojo.require() 函數(shù)，package system 會(huì)自動(dòng)裝入所有你需要的代碼。下面的例子將裝入一個(gè) Button 和一個(gè) TitlePane，系統(tǒng)會(huì)自動(dòng)找到他們的代碼，如下：
dojo.require("dijit.form.Button");
dojo.require("dijit.TitlePane");
dojo.addOnLoad(function(){
dojo.byId("testHeading").innerHTML = "We're on our way!";
console.log("onLoad fires after require() is done");
});
每個(gè)模塊都有自己的 dojo.require() 參數(shù)，你可以從 Dijit API pages 找到他們
繼續(xù)
在上面的例子中，我們第一次用了 dojo.byId() 函數(shù)，通過 id 來選擇元素，并改變了元素的 innerHTML 值。后面我們將了解選擇器。
將上面的代碼放到框架中的“其他腳本程序”位置處，然后運(yùn)行，如果你看到了： "We're on our way"，恭喜！
如果出現(xiàn)了錯(cuò)誤，可以從 FAQ 查找常見的錯(cuò)誤信息
如對本文有疑問，請?zhí)峤坏浇涣髡搲?，廣大熱心網(wǎng)友會(huì)為你解答??！ 點(diǎn)擊進(jìn)入論壇
您可能感興趣的文章:
- 上一篇：CSS樣式特效
- 下一篇：Javascrpt中定義類或?qū)ο?1)
