Dojo入门三种HelloWorld!
学习Dojo有些时间了，也整理了一些资料，先来个最入门级别的。HelloWorld
Asp.Net+Dojo
Dojo事件绑定，弹出HelloWorld
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HelloWorldDojo.aspx.cs" Inherits="DojoTest.HelloWorldDojo" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <%-- 引入 Dojo--%> <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js" type="text/javascript"></script> <script type="text/javascript"> function init() { //helloworld 函数到按钮的点击事件 dojo.connect(dojo.byId("mybutton"), "onclick", "helloworld"); } function helloworld() { alert("Hello World Dojo!!!") } dojo.ready(init); </script></head><body> <input id="mybutton" type="button" value="HelloWorldDojo" /></body></html>
Dojo操作DOM版HelloWorld
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HelloDojo.aspx.cs" Inherits="DojoTest.HelloDojo" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js" type="text/javascript"></script> <script type="text/javascript"> dojo.ready(function () { dojo.create( "div", { "innerHTML": "Hello, World!" }, dojo.body() ); }); </script></head><body> <h1> My First Dojo Program!</h1> <div id="message"> Hello，Dojo！</div></body></html>
Dojo封装Ajax实现HelloWorld
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HelloDojoAjax.aspx.cs" Inherits="DojoTest.HelloDojoAjax" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title> <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js" type="text/javascript"></script> <script type="text/javascript"> function helloWorld(){ dojo.xhrGet({ url:"HelloDojo.txt",//请求的服务器资源url handleAs:"text",//返回的数据类型 load:function(response,ioArgs){alert(response);},//成功后回调函数 error:function(error,ioArgs){alert(error.message);}//出错时回调函数 }); } //绑定页面加载完成后的初始化函数 dojo.ready(helloWorld); </script></head><body> </body></html>
最近对Ajax关注多一些，可能会出一些dojo有关ajax方面的文章。dijit控件也可能谈一谈