加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Dojo入门三种HelloWorld!

发布时间:2020-12-16 21:22:52 所属栏目:百科 来源:网络整理
导读:学习Dojo有些时间了,也整理了一些资料,先来个最入门级别的。HelloWorld Asp.Net+Dojo Dojo事件绑定,弹出HelloWorld %@Page Language = "C#" AutoEventWireup = "true" CodeBehind = "HelloWorldDojo.aspx.cs" Inherits = "DojoTest.HelloWorldDojo" % !DO

学习Dojo有些时间了,也整理了一些资料,先来个最入门级别的。HelloWorld

Asp.Net+Dojo

Dojo事件绑定,弹出HelloWorld

  1. <%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="HelloWorldDojo.aspx.cs"Inherits="DojoTest.HelloWorldDojo"%>
  2. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <htmlxmlns="http://www.w3.org/1999/xhtml">
  4. <headrunat="server">
  5. <title></title>
  6. <%--引入Dojo--%>
  7. <scriptsrc="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js"
  8. type="text/javascript"></script>
  9. <scripttype="text/javascript">
  10. functioninit(){
  11. //helloworld函数到按钮的点击事件
  12. dojo.connect(dojo.byId("mybutton"),"onclick","helloworld");
  13. }
  14. functionhelloworld(){
  15. alert("HelloWorldDojo!!!")
  16. dojo.ready(init);
  17. </script>
  18. </head>
  19. <body>
  20. <inputid="mybutton"type="button"value="HelloWorldDojo"/>
  21. </body>
  22. </html>


Dojo操作DOM版HelloWorld

<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="HelloDojo.aspx.cs"Inherits="DojoTest.HelloDojo"%>

  • <htmlxmlns="http://www.w3.org/1999/xhtml">
  • <headrunat="server">
  • <title></title>
  • <scriptsrc="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js"type="text/javascript"></script>
  • dojo.ready(function(){
  • dojo.create(
  • "div",
  • {
  • "innerHTML":"Hello,World!"
  • },
  • dojo.body()
  • );
  • });
  • </script>
  • </head>
  • <body>
  • <h1>
  • MyFirstDojoProgram!</h1>
  • <divid="message">
  • Hello,Dojo!</div>

  • Dojo封装Ajax实现HelloWorld

    <%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="HelloDojoAjax.aspx.cs"
  • Inherits="DojoTest.HelloDojoAjax"%>
  • <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  • <scriptsrc="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js"type="text/javascript"></script>
  • <scripttype="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);
  • </body>
  • 最近对Ajax关注多一些,可能会出一些dojo有关ajax方面的文章。dijit控件也可能谈一谈

    (编辑:李大同)

    【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    • 推荐文章
        热点阅读