PHPor 的Blog

出处【饮水思源】： http://www.51ajax.com/

一、前言
自去年开始，AJAX一下成了关注的技术热点，各种AJAX框架迅速的发展了起来，其中又分为客户端AJAX架构，服务器端AJAX架构等，其中DojoToolkit做为一个优秀的客户端AJAX架构，被越来越多的人所关注，学习。自去年开始，AJAX一下成了关注的技术热点，各种AJAX框架迅速的发展了起来，其中又分为客户端AJAX架构，服务器端AJAX架构等，其中DojoToolkit做为一个优秀的客户端AJAX架构，被越来越多的人所关注，学习。

二、Dojo简介

作为早期的开源AJAX架构之一，Dojo开始于2004年9月，网址是 http://www.dojotoolkit.org，由JotSpot的Alex Russell所领导。

Dojo是一个开源的JavaScript工具包，本身预置了很多模块，可以实现完整的轻量级窗口组件及很多功能。Dojo的包加载机制(Package System)可以实现动态加载所需模块，而且用户可以编写自己的Dojo扩展模块，有很好的灵活性。

三、技术特点

1.文件结构

Dojo目前最高版本号是0.3.1，它的文件主要由一个包含主要功能的核心代码文件(Dojo.js)和众多的Javascript文件组成。使用时可以根据包机制，动态载入所需模块。

根据核心代码包含模块的不同，又细分为以下多个版本：
·AJAX版本：可以创建带有AJAX应用程序，集成复杂的可视效果，并使用事件模块。
·Widget版本：包括与小器件实现松散耦合的 HTML 和CSS 模板能力，提供明确分离的样式、内容和逻辑。
·Event and I/O版本：包括事件模块及I/O模块
·Event版本：包括事件模块
·Kitchen Sink版本：该版本包括整个工具集合

以上版本分别适用于不同的场合。用户也可以根据自己的需求重新构建自己的核心代码文件，只包含自己常用的模块，以避免频繁动态加载常用的模块。

2.程序结构

Dojo官方的定义中，将Dojo称之为Toolkit(工具包)，不是Framework（只是Framework的一部分），也不是Library（在Library之上又加了一层封包系统）。Dojo包括了Javascript本身的语言扩展，以及各个方面的工具类库，和比较完善的UI组件库。

如下图:

从图中也可看出，Dojo的设计结构非常合理，且扩展性非常强，能够不断增加新的功能，且保证程序高效的运行。

四、官方资源

Dojo的官方网站有以下资源，可以帮助我们很快的熟悉Dojo的结构，当然，因为Dojo有丰富的功能，要完全掌握还需要在实际开发中逐渐掌握。

1. Dojo手册(The Dojo Manual)
网址：http://manual.dojotoolkit.org/
系统地介绍Dojo的机制，使用方法，示例代码等

2．Dojo邮件列表(The Dojo Mailing Lists)
可以讨论交流在使用Dojo中遇到的问题，或希望改进的建议
申请加入地址：http://dojotoolkit.org/mailman/listinfo/dojo-interest
查看存档：http://news.gmane.org/gmane.comp.web.dojo.user

3．Dojo错误跟踪系统(Bug Tracking)
网址：http://trac.dojotoolkit.org/
可以提交有效地发现bug，提交bug，以便能够及时地消除Dojo中的bug

4．代码仓库(The Dojo Subversion Repository)
网址：http://trac.dojotoolkit.org/browser
可以很方便地获得最新版本的Dojo程序包

5．The Dojo Wiki
网址：http://dojo.jot.com/
Dojo Wiki的内容类别相对比较丰富，涉及到Dojo的各个方面。

6．IRC
聊天室地址：irc.freenode.net

7．Dojo程序包中附带的Demo程序
提供了8大类近30个Demo程序，可以在实践中更快地掌握Dojo的用法。

提示：推荐加入Dojo的邮件列表，并仔细研究示例代码，这样能更快地掌握Dojo的使用方法。

五、发展前景

1．技术层面
与其它AJAX框架相比，Dojo设计的包加载机制(Package System)和模块化(Libraries)的结构，能保持更好的扩展性，提高执行性能，减轻了用户开发的工作量，并保持一定的灵活性（用户可以自己编写扩展）。

2．市场层面
Dojo现在发展迅猛，得到广泛的支持，并成立了Dojo 基金会 , IBM 、AOL 、SUN这些大公司和WebWork、Tapestry、Open Laszlo等开源团队都是dojo基金会的成员，雄厚的后盾保证了Dojo可以持续的发展下去。

3．开发团队
在Alex Russell的领导下，Dojo的开发团队有着强大的开发能力，从目前版本提供的功能、质量及更新的速度我们就可以看出来了。另外近期Dojo将会发布0.4.0。

4．用户群体
由于Dojo出色的设计，越来越多的AJAX专家及新手加入到了Dojo的开发者中，这些开发者也会相应地动Dojo的发展。

5．学习资源
Dojo官方网站有着丰富的学习资源（见“官方资源”一节），可以帮助人们更快地掌握Dojo，减少学习成本。

六、结语

Dojo可以帮助开发人员开发大型的AJAX项目，并有助于构建健壮的代码，节省开发时间。Dojo背后强大的支持后盾也可以保证持续不断的补充新功能，有助于我们脱离低层重复的工作，专注于在此基础上进行开发。

本文来自: 脚本之家(www.jb51.net) 详细出处参考：http://www.jb51.net/article/9347.htm

1. 如果是ie，copy到剪贴板自然好办，如果不是ie，这里使用了flash来做copy操作

//===============================Copy to clipboard=================================//

function CopyText(id) { 
    //copyToClipboard(document.getElementById(id).value); 
    if (document.getElementById(id))     {
        var tocopy=document.getElementById(id).innerHTML;
        tocopy=tocopy.replace(/&/g, "&"); 
        copy(tocopy);
    }
}

function copy(text2copy) {
    if (window.clipboardData) { 
        window.clipboardData.setData("Text",text2copy); 
    } else {
        var flashcopier = ‘flashcopier’; 
        if(!document.getElementById(flashcopier)) { 
            var divholder = document.createElement(‘div’); divholder.id = flashcopier; 
            document.body.appendChild(divholder); 
        } 
        document.getElementById(flashcopier).innerHTML = ”; 
        var divinfo = ‘<embed src="’+absbaseurl+‘images/others/_clipboard.swf" FlashVars="clipboard=’+escape(text2copy)+‘" width="0" height="0" type="application/x-shockwave-flash"></embed>’; 
        document.getElementById(flashcopier).innerHTML = divinfo;
        alert(jslang[72]);
    } 
}

function copyToClipboard(meintext)
{
     if (window.clipboardData) 
       {
       alert("ie");
       // the IE-manier
       window.clipboardData.setData("Text", meintext);
       
       // waarschijnlijk niet de beste manier om Moz/NS te detecteren;
       // het is mij echter onbekend vanaf welke versie dit precies werkt:
       }
       else if (window.netscape) 
       { 
       
       // dit is belangrijk maar staat nergens duidelijk vermeld:
       // you have to sign the code to enable this, or see notes below 
       netscape.security.PrivilegeManager.enablePrivilege(‘UniversalXPConnect’);
       
       // maak een interface naar het clipboard
       var clip = Components.classes[‘@mozilla.org/widget/clipboard;1’].createInstance(Components.interfaces.nsIClipboard);
       if (!clip) return;
       alert("mozilla");
       // maak een transferable
       var trans = Components.classes[‘@mozilla.org/widget/transferable;1’]
                      .createInstance(Components.interfaces.nsITransferable);
       if (!trans) return;
       
       // specificeer wat voor soort data we op willen halen; text in dit geval
       trans.addDataFlavor(‘text/unicode’);
       
       // om de data uit de transferable te halen hebben we 2 nieuwe objecten 
       // nodig om het in op te slaan
       var str = new Object();
       var len = new Object();
       
       var str = Components.classes["@mozilla.org/supports-string;1"]
                    .createInstance(Components.interfaces.nsISupportsString);
       
       var copytext=meintext;
       
       str.data=copytext;
       
       trans.setTransferData("text/unicode",str,copytext.length*2);
       
       var clipid=Components.interfaces.nsIClipboard;
       
       if (!clip) return false;
       
       clip.setData(trans,null,clipid.kGlobalClipboard);
       
       }
       alert("Following info was copied to your clipboard:\n\n" + meintext);
       return false;
}