dojo学习(一)入门

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>validationTextbox</title>
<head>
    <title>Dojo: Hello World!</title>
    <style type="text/css">
        @import "dojoroot/dijit/themes/tundra/tundra.css";<!--导入样式表-->
        @import "dojoroot/dojo/resources/dojo.css"
    </style>
    <script type="text/javascript" src="dojoroot/dojo/dojo.js"
      djConfig="parseOnLoad: true">
    </script> 
     <script type="text/javascript"> 
           dojo.require("dijit.form.Button");//添加部件;
     </script>
</head>

<body>
<button dojoType="dijit.form.Button" id="helloButton">Hello Dojo!
    <script type="dojo/method" event="onClick">
        alert('You pressed the button');
    </script>
</button>
</body>
</html>

特别备注:有些术语表述的不精确,有些知识点还需要时间总结,时时会纠正和更新。

一、dojo是什么?

dojo是Javascript的第三方库。
这里下载的版本为:dojo-release-1.12.2

解压后的文件为:

以后的问题都围绕这几个文件夹说明。

配置:

win7系统安装IIS,然后在wwwroot文件夹下建立一个文件夹dojoroot,将上面几个文件拖进dojoroot文件夹下。而开发的源文件处于wwwroot文件夹下,引用dojo模块的格式应该为:
/dojoroot/.../...的样式,应该说配置还是比较简单的。

新的代码(极简化的形式):

<html >  
<head>  
    <meta charset="utf-8">  
    <!--加载重要的dojo.js文件,(文本在本地,路径见下方)-->
    <script src="/dojoroot/dojo/dojo.js"></script>  
</head>  
<body>  
    <script type="text/javascript">
    <!--遍历dojo对象的所有属性(包括方法等等)-->
    for(var key in dojo)
    {
        document.write(key+"->"+"<br>");
    }
    </script>
</body>  
</html> 

上面代码说明的几个问题:

  1. 首先需要加载dojo.js文件
  2. 当加载之后,实际上浏览器就构造了一个很大的dojo对象。
  3. 必须通过localhost/....的形式访问
原文地址:https://www.cnblogs.com/tinaluo/p/6675868.html