分类导航

Dojo 发布时间：2022-04-21 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了使用dojo创建应用程序的步骤及小sample，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

Dojo是一个开源的JavaScript库，是一个重量级的开发框架。在Dojo中，不但提供了对跨浏览器的支持，还引入了类、构造器、继承及类似于java中package的概念，这对于习惯了面向对象编程的coder来说，无疑是一个很好的选择。

Dojo由dojo、dijit、dojox三大模块组成。dojo core为框架核心，提供远程方法调用、dom及css操作。dijit是在dojo core的基础上建立的控件库，不仅包括普通的form控件，还提供了如日历、菜单、滚动条、图表等的更高级的控件。dojox是dojo的扩展包，是一个扩展特性和实验性特性库，其中有其他模块中不包括的那些特性。

使用dojo开发应用程序的首先要引入dojo库，常用的方式主要有两种：

1.从content-delivery network（CDN即内容分发网络）获取，这将从附近的客户机器上传递 Dojo JavaScript @L_944_13@，而不是从您自己的服务器上。这不仅有助于加速脚本加载，也意味着用户从其他网站加载 Dojo @L_944_13@的机会有所增加，这使得它们从缓存中加载，进一步提高了加载速度。目前常用的有两种途径：Yandex‘s CDN和Google’s CDN,引入代码如下：

2.从自己的服务器上获取，需从http://dojotoolkit.org/download/下载dojo release库到自己的服务器，并将其解压放置在你的web项目中。

下边为一个小示例,其中dojo所在的目录为当前html@L_944_13@所在目录的js@L_944_13@下：

@H_419_90@<html> <head> <title>Hello World</title>  <script type="text/JavaScript" src="js/dojo/dojo.js" djConfig="parSEOnLoad: true"> </script> @H_419_90@

    <style type="text/css">
        @import "js/dijit/themes/tundra/tundra.css";
        @import "js/dojo/resources/dojo.css";
    </style>
    <script type="text/JavaScript">
        dojo.require("dijit.form.SELEct");//dojo中使用模块的概念，它与java中的package类似，使用时，需使用require引入，这与java中的import作用类似
    </script>
    <script>
        function itemchange(value)
        {
            alert(s);
        }
    </script>
</head>
<body class="tundra">

<!--注意：这块需加入dojoType属性-->
<SELEct dojoType="dijit.form.SELEct" onchange="itemChange(this.options[this.options.SELEctedIndex].value)">
    <option value="valueOne">SELEctOne</option>
    <option value="valueTwo">SELEctTwo</option>
</SELEct>
</body>
</html>