WEB开发网
开发学院网页设计JavaScript Dojo Quick Start Guide 快速入门 (2) 基本框架 阅读

Dojo Quick Start Guide 快速入门 (2) 基本框架

 2010-09-14 13:45:10 来源:WEB开发网   
核心提示:下载库首先,下载 Dojo 库:http://www.dojotoolkit.org/downloads放了方便测试,Dojo Quick Start Guide 快速入门 (2) 基本框架,我将文件将解压到 Web Server 的 "js/dojotoolkit" 文件夹中,如果你愿意,提供了大

下载库

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

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

Dojo Quick Start Guide 快速入门 (2) 基本框架

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

The Dojo Book,提供了大量的指南和教程,更深入的介绍了获得各种 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>

1 2  下一页

Tags:Dojo Quick Start

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接