特色栏目： python 批处理 net编程 Javascript Php Asp Css Html5 Android seo centos

Dojo入门三种HelloWorld!

来源：互联网收集：自由互联发布时间：2021-06-15

学习Dojo有些时间了，也整理了一些资料，先来个最入门级别的。HelloWorld Asp.Net+Dojo Dojo事件绑定，弹出HelloWorld %@Page Language = "C#" AutoEventWireup = "true" CodeBehind = "HelloWorldDojo.aspx.cs" Inherits

学习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控件也可能谈一谈

上一篇：stemapp7月9日版测试dojo的click、onmouseover事件成功
下一篇：Dojo—ajax框架实战

Dojo入门三种HelloWorld!

相关文章