Dojo QuickStart 快速入门教程 (2) 基本框架
| 下載庫(kù)
|
The Dojo Book，提供了大量的指南和教程，更深入的介紹了獲得各種 dojo 不同版本的方式。
也可以從 Google 的公用庫(kù)引入腳本，如下：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 基本庫(kù)?-->
????<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><!--?頁(yè)面內(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)載請(qǐng)注明作者左洸和出處博客園
?配置 Dojo 啟動(dòng)參數(shù)
dojo在裝入時(shí)應(yīng)該進(jìn)行參數(shù)配置，兩個(gè)最重要的參數(shù)是?parseOnLoad?和?isDebug?。第一個(gè)參數(shù)確定是否在頁(yè)面裝入時(shí)解析 dojo 組件和內(nèi)置標(biāo)簽；第二參數(shù)打開(kāi)或關(guān)閉調(diào)試信息。有兩種配置方式：
第一種方式在 <script> 標(biāo)簽中配置，如下：
????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>
兩種方式有同樣的效果。
如何開(kāi)始？
由于各種版本的瀏覽器對(duì)頁(yè)面裝入 "ready" 狀態(tài)有不同的定義，所以 Dojo 提供了一個(gè) dojo.addOnLoad? 函數(shù)，程序從這里面開(kāi)始，如下代碼：
????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.οnlοad=someFunc 開(kāi)始你的函數(shù)，而應(yīng)該使用 dojo.addOnLoad(someFunc)
更多
通過(guò) dojo.require() 函數(shù)，package system 會(huì)自動(dòng)裝入所有你需要的代碼。下面的例子將裝入一個(gè) Button 和一個(gè) TitlePane，系統(tǒng)會(huì)自動(dòng)找到他們的代碼，如下：
????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ù)，通過(guò) id 來(lái)選擇元素，并改變了元素的 innerHTML? 值。后面我們將了解選擇器。
將上面的代碼放到框架中的“其他腳本程序”位置處，然后運(yùn)行，如果你看到了：?"We're on our way"，恭喜！
如果出現(xiàn)了錯(cuò)誤，可以從?FAQ?查找常見(jiàn)的錯(cuò)誤信息。
//==========================================
本文轉(zhuǎn)自左洸博客園博客，原文鏈接：http://www.cnblogs.com/myqiao/archive/2009/05/14/1456952.html，如需轉(zhuǎn)載請(qǐng)自行聯(lián)系原作者
總結(jié)
以上是生活随笔為你收集整理的Dojo QuickStart 快速入门教程 (2) 基本框架的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 什么是awk?
- 下一篇： ant design vue中通知提醒框