<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)  編輯  收藏

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


    網站導航:
     
    主站蜘蛛池模板: 亚洲日韩在线中文字幕第一页| 黑人大战亚洲人精品一区| 免费观看又污又黄在线观看| 亚洲午夜无码片在线观看影院猛| 久章草在线精品视频免费观看| 最新国产成人亚洲精品影院| 亚洲av午夜成人片精品电影| 99爱在线精品视频免费观看9 | 免费看黄网站在线看| 亚洲av福利无码无一区二区| 成年男女免费视频网站| 一区二区三区精品高清视频免费在线播放 | 四虎国产精品永免费| 亚洲综合综合在线| 亚洲国产精品成人久久蜜臀| 亚洲免费观看在线视频| 色多多A级毛片免费看| 亚洲精品无码久久毛片波多野吉衣| 免费观看午夜在线欧差毛片| 13一14周岁毛片免费| h在线看免费视频网站男男| 中文文字幕文字幕亚洲色| 国产国拍亚洲精品mv在线观看| 国产精品色午夜视频免费看| 99ee6热久久免费精品6| 一级成人毛片免费观看| 亚洲中文精品久久久久久不卡| 亚洲AV人无码综合在线观看| 亚洲精品无码激情AV| 在线免费不卡视频| 精品国产sm捆绑最大网免费站| a级男女仿爱免费视频| 色屁屁在线观看视频免费| 亚洲va在线va天堂成人| 亚洲人成依人成综合网| 亚洲乱码国产一区三区| 亚洲成A人片在线观看无码3D | 国产成人一区二区三区视频免费| 男女猛烈无遮掩视频免费软件| 在线亚洲高清揄拍自拍一品区| 亚洲视频一区二区三区|