Dojo QuickStart快速入门教程(2) 基本框架 - 面向对象网,web开发,dojo,学习,对象 - 面向对象技术开发

面向对象技术开发

会员投稿 投稿指南 站长资讯通告:
您的位置: 首页 > Web开发 > Dojo > 正文

Dojo QuickStart快速入门教程(2) 基本框架

来源: www.bianceng.cn 阅读:

下载库

首先,下载Dojo库:http://www.dojotoolkit.org/downloads

放了方便测试,我将文件将解压到Web Server的"js/dojotoolkit" 文件夹中,如果你愿意,也可以缀上版本号。最后的目录结构应该像下图这样:

\

明确 dojo.js 文件的路径非常重要。只要 dojo.js 能被正确装入页面,package system 会自动处理对相关模块的引用和依赖。

The Dojo Book(http://dojotoolkit.org/book/dojo-book-0-9/part-1-life-dojo/quick-installation),提供了大量的指南和教程,更深入的介绍了获得各种 dojo 不同版本的方式。

也可以从 Google 的公用库引入脚本,如下:http://ajax.googleapis.com/ajax/libs/dojo/1.3.1/dojo/dojo.xd.js

基本框架

下面是一个 dojo 程序的基本框架:

\<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
\ "http://www.w3.org/TR/html4/strict.dtd">
\<html>
\ <head>
\ <title>Dojo Toolkit Test Page</title>
\
\ <!-- 装入Dojo 基本库 -->
\ <script type="text/javascript" src="js/dojotoolkit/dojo/dojo.js"
\ djConfig="parseOnLoad:true, isDebug:true">
</script>
\
\ <script type="text/javascript">
\ /* 其他的脚本程序 */
\ </script>
\
\ <style type="text/css">
\ /* 样式表在这 */
\ </style>

\ </head>
\ <body><!-- 页面内容\ -->
\ <h1 id="testHeading">Dojo 基本框架</h1>
\ <div id="contentNode">
\ <p>一些内容</p>
\ </div>
\ </body>

\</html>

配置 Dojo 启动参数

dojo在装入时应该进行参数配置,两个最重要的参数是 parseOnLoad 和 isDebug 。第一个参数确定是否在页面装入时解析 dojo 组件和内置标签;第二参数打开或关闭调试信息。有两种配置方式:

第一种方式在 <script> 标签中配置,如下:

\<script type="text/javascript" src="js/dojotoolkit/dojo/dojo.js"
\ djConfig="parseOnLoad:true, isDebug:true">
</script>

第二种方式在 dojo.js 装入之前,建立一个全局变量 djConfig,如下:

\<script type="text/javascript">
\ var djConfig = {
\ isDebug:true,
\ parseOnLoad:true
\ };
\</script>
\<script type="text/javascript" src="js/dojotoolkit/dojo/dojo.js"></script>

Tags:
相关文章列表: