HTML CSS JAVASCRIPT PYTHON PYTHON2 JAVA C C++ C# SQL Excel Linux AI BOOTSTRAP PHP 教程库 参考手册 技术文章 测验 练习 HOWTO FAQ
❮ 上一节 下一节 ❯

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 ({
   //您可以配置从 lib 目录加载模块
   baseUrl: 'lib',
   
   paths: {
      //mapping of package
      dojo: 'http://sfoster.dojotoolkit.org/dojobox/1.7-branch/dojo'
   }
   
}, [
      //我们在这里使用的模块
      'dojo/dom'
   ], function(dom) { 
   
      //使用 dom 模块中的 'byId' 方法
      var mydojo = dom.byId('dojo_val')
      mydojo.innerHTML = "The text is displaying via dojo/dom";   
   }
);

输出

在浏览器中打开 HTML 文件;您将收到以下输出 −

RequireJS Dojo
❮ 上一节 下一节 ❯