快捷導(dǎo)航

dojo 之基礎(chǔ)篇

更新時間：2007年03月24日 00:00:00 作者：

假設(shè)我們的工程目錄如下：

   -- HelloWorld.html

  |-- js/

     -- dojo/  /*此處是dojo包下面的文件,列表如下
       		 -- build.txt
       		 -- CHANGELOG
      		 -- demos

         		  -- ..
       		 -- dojo.js
       		 -- dojo.js.uncompressed.js
       		 -- iframe_history.html
       		 -- LICENSE
       		 -- README
       		 -- src/

現(xiàn)在我們創(chuàng)建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會自己將其轉(zhuǎn)化為widgetId。

以下開始加入section 2的代碼。

  <!-- SECTION 2 -->
  <script type="text/javascript">

   //引入庫
   //event.*是處理事件，比如：點擊，的所有包。
   dojo.require("dojo.event.*");
   dojo.require("dojo.widget.*");
   dojo.require("dojo.widget.Button");

   //點擊按鈕后調(diào)用的函數(shù)
   function helloPressed()
   {
    alert('You pressed the button');
   }

   //將helloButton的點擊事件綁定到helloPressed()函數(shù)
   function init()
   {
    var helloButton = dojo.widget.byId('helloButton');//獲得button對象
    dojo.event.connect(helloButton, 'onClick', 'helloPressed')//綁定,這只是其中一種綁定方法
   }

   dojo.addOnLoad(init);//當(dāng)然也可以將init函數(shù)命為其它的名
  </script>

這樣,就完成了HelloWorld.html的代碼. 試試吧.

另外,要注意的是:
如果init函數(shù)已經(jīng)運行了,我們再使用document.getElementById 就沒用了. 因為DOM
已經(jīng)被widget改變. 只能用dojo.widget.byId.

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

dojo 之基礎(chǔ)篇

相關(guān)文章

最新評論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具