第一个dojo hello world

<html>

 <head>

  <title>Hello World</title>
  <!--
  确定dojo.js文件的相对路径,由此确定使用dojo的方式编程,这是必需的。
  djConfig="parseOnLoad: true" 与 dojo.require("dojo.parser");一起配合来使页面能使用Dojo的解析架构。
  djConfig是Dojo内置的一个全局对象,可以通过它来控制Dojo的行为。在本示例中,isDebug是djConfig的一个属性,设置是否为debug模式
  ,如果为真,则console.debug的输出有效,这在开发时很有用,在发布时建议设置为false。

  -->
  <script type="text/javascript" src="scripts/dojo"
   djConfig="parseOnLoad: true, isDebug: true"></script>

 

 

<!--  声明将要使用的dojo的组件类型-->
  <script type="text/javascript" src="scripts/dojo/dojo.js">

            dojo.require("dojo.parser");

         </script>

 

 

  <script type="text/javascript">    

           
  //表示在HTML页面加载后执行脚本程序
            dojo.addOnLoad(function(){

                dojo.connect(dojo.byId('helloBtn'),//dojo.connect用于连接事件处理器(某一个函数)到一个元素或者一个对象。
               
                'onclick',

                function(){

                    alert("Hello world!");

                }

                )

            });

           

           

        </script>

 </head>

 

 <body>

  <button id="helloBtn">
   Hello
  </button>

 </body>

</html>

你可能感兴趣的:(第一个dojo hello world)