<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    posts - 48,comments - 156,trackbacks - 0

    下載庫

    首先,下載 Dojo 庫:http://www.dojotoolkit.org/downloads

    放了方便測試,我將文件將解壓到 Web Server 的 "js/dojotoolkit" 文件夾中,如果你愿意,也可以綴上版本號。最后的目錄結構應該像下圖這樣:



    明確 dojo.js 文件的路徑非常重要。只要 dojo.js 能被正確裝入頁面,package system 會自動處理對相關模塊的引用和依賴。

    The Dojo Book,提供了大量的指南和教程,更深入的介紹了獲得各種 dojo 不同版本的方式。

    也可以從 Google 的公用庫引入腳本,如下:http://ajax.googleapis.com/ajax/libs/dojo/1.3.1/dojo/dojo.xd.js

    基本框架
    下面是一個 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><!-- 頁面內容 -->
            
    <h1 id="testHeading">Dojo 基本框架</h1>        
            
    <div id="contentNode">
            
    <p>一些內容</p>
        
    </div>
        
    </body>

    </html>

     版權聲明:本博客文章如非特別注明,均為原創,作者保留所有權利!歡迎轉載,轉載請注明作者左洸和出處BlogJava

    配置 Dojo 啟動參數
    dojo在裝入時應該進行參數配置,兩個最重要的參數是 parseOnLoad  isDebug 。第一個參數確定是否在頁面裝入時解析 dojo 組件和內置標簽;第二參數打開或關閉調試信息。有兩種配置方式:
    第一種方式在 <script> 標簽中配置,如下:

    <script type="text/javascript" src="js/dojotoolkit/dojo/dojo.js"
        djConfig
    ="parseOnLoad:true, isDebug:true">
      </
    script>

    第二種方式在 dojo.js 裝入之前,建立一個全局變量 djConfig,如下:

    <script type="text/javascript">
        
    var djConfig = {
            isDebug:
    true,
            parseOnLoad:
    true
        }
    ;
    </script>
    <script type="text/javascript" src="js/dojotoolkit/dojo/dojo.js"></script>

    兩種方式有同樣的效果。


    如何開始?
    由于各種版本的瀏覽器對頁面裝入 "ready" 狀態有不同的定義,所以 Dojo 提供了一個 dojo.addOnLoad  函數,程序從這里面開始,如下代碼:

    // 某個函數
        var init = function(){
            console.log("I run after the page is ready.");    
        };
            //ready 后運行上面的函數
        dojo.addOnLoad(init);
        
        // 這是另一種形式,用匿名函數
        dojo.addOnLoad(function(){
            console.log("I also run, but second. "); 
        });

    重要提示:不要用 <body onLoad="someFunc"> 和 window.onload=someFunc 開始你的函數,而應該使用 dojo.addOnLoad(someFunc)


    更多
    通過 dojo.require() 函數,package system 會自動裝入所有你需要的代碼。下面的例子將裝入一個 Button 和一個 TitlePane,系統會自動找到他們的代碼,如下:

    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"); 
        }
    );  

    每個模塊都有自己的 dojo.require() 參數,你可以從 Dijit API pages 找到他們


    繼續
    在上面的例子中,我們第一次用了 dojo.byId() 函數,通過 id 來選擇元素,并改變了元素的 innerHTML  值。后面我們將了解選擇器。
    將上面的代碼放到框架中的“其他腳本程序”位置處,然后運行,如果你看到了: "We're on our way",恭喜!
    如果出現了錯誤,可以從 FAQ 查找常見的錯誤信息。


    //==========================================
    posted on 2009-05-14 16:56 左洸 閱讀(1329) 評論(0)  編輯  收藏

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 免费A级毛片无码专区| 天黑黑影院在线观看视频高清免费| 18以下岁毛片在免费播放| 亚洲Av综合色区无码专区桃色| 和老外3p爽粗大免费视频| 亚洲午夜久久久久久久久久| 国产高清视频免费在线观看| 亚洲宅男天堂在线观看无病毒| 韩国免费A级毛片久久| 人人狠狠综合久久亚洲88| 国内精品免费在线观看| 亚洲日本一区二区| 在线看免费观看AV深夜影院| 亚洲av成人一区二区三区| 国产精品久免费的黄网站| 五月天婷婷免费视频| 国产精品亚洲精品日韩已满| 毛片在线全部免费观看| 亚洲一区在线视频| 免费国产不卡午夜福在线| 中文字幕无线码免费人妻| 91亚洲一区二区在线观看不卡| 无码一区二区三区AV免费| 深夜a级毛片免费视频| 久久亚洲高清观看| 国产免费AV片在线播放唯爱网| 污污视频网站免费观看| 亚洲av无码乱码国产精品fc2| 国产1000部成人免费视频| 美女隐私免费视频看| 久久精品国产亚洲av四虎| 成年女人毛片免费播放视频m| 五月天国产成人AV免费观看| 亚洲黄色中文字幕| 四只虎免费永久观看| 久久国产免费一区二区三区 | 国产亚洲人成网站在线观看不卡| 182tv免费观看在线视频| 老司机午夜在线视频免费| 久久亚洲sm情趣捆绑调教| 国产乱色精品成人免费视频|