JAVA基础之dojo快速入门

第一步，引入dojo.js dojo的发行包里有4个子目录，要引入的文件是名叫"dojo"的子目录里的dojo.js。 假设你是这样的目录结构:
    引用
    project | +--dojo-lib | | | +--dijit | +--dojo | +--dojox | +--util | +--dojo_hello_world.html
    Java代码
    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script>
    Java代码
    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script>
    Java代码
    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script>
    view plaincopy to clipboardprint?
    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script> 中国网管联盟www.bitscn.com

    <script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script>开始使用dojo 现在开始使用dojo的第一个函数:dojo.byId dojo.byId就等同于常用的document.getElement <input type="text" name="username" id="username" value="Mark" /> <script type="text/javascript"> var username = dojo.byId('username').value alert(username); </script> OK，是不是和普通的js库一样，没有任何玄机？ dojo.addOnLoad 现在我们想在window.onload里面处理一点东西，就像Ext.onReady，这个东西在dojo里叫做dojo.addOnLoad Java代码
    dojo.addOnLoad(function(){
        var username = dojo.byId('username').value
        alert(username);
    });
    Java代码
    dojo.addOnLoad(function(){
        var username = dojo.byId('username').value
        alert(username);
    });

网管联盟www.bitsCN.com

    Java代码
    dojo.addOnLoad(function(){
        var username = dojo.byId('username').value
        alert(username);
    });
    view plaincopy to clipboardprint?
    dojo.addOnLoad(function(){
        var username = dojo.byId('username').value
        alert(username);
    }); feedom.net

 

    dojo.addOnLoad(function(){
     var username = dojo.byId('username').value
     alert(username);
    });dojo.connect OK，window.onload搞定了，那么如何监听普通的dom事件呢？没问题，强大的dojo.connect出场 Java代码
    <script type="text/javascript">
    function sayHello(event)
    {
        alert("Hello");
    }
    dojo.addOnLoad(function(){
        var btn = dojo.byId('hello');
        dojo.connect(btn,"onclick",sayHello);
    });
    </script>
    <input type="button" id="hello" value="Hello" />
    Java代码
    <script type="text/javascript">
    function sayHello(event)
    { 54com.cn
        alert("Hello");
    }
    dojo.addOnLoad(function(){
        var btn = dojo.byId('hello');
        dojo.connect(btn,"onclick",sayHello);
    });
 

中国网管联盟www.bitscn.com