开发学院

您的位置:首页>教程>正文

教程正文

RequireJS Dojo

RequireJS Dojo

  Dojo是一个基于AMD模块体系结构的JavaScript工具包,它提供了额外的模块来为web应用程序添加额外的功能,并且还节省了web应用程序开发过程中的时间和规模。

例子

  下面的示例显示了Dojo和requirejs的用法。创建名为index.html的html文件,并在其中放置以下代码

<!DOCTYPE html>
<html>
   <head>
      <title>RequireJS Dojo</title>
      <script data-main="app" src="lib/require.js"></script>
   </head>
   
   <body>
      <h2>RequireJS  Dojo</h2>
      <p>
         Hello... ...
      </p>
   </body>
</html>

  创建一个名为app .js的js文件,并在其中添加以下代码:

require ({
   //You can configure loading modules from the lib directory
   baseUrl: 'lib',
   
   paths: {
      //mapping of package
      dojo: 'http://sfoster.dojotoolkit.org/dojobox/1.7-branch/dojo'
   }
   
}, [
      //modules which we are using here
      'dojo/dom'
   ], function(dom) { 
   
      //using the 'byId' method from dom module
      var mydojo = dom.byId('dojo_val')
      mydojo.innerHTML = "The text is displaying via dojo/dom";   
   }
);

输出

requirejs-dojo.jpg