dojo 学习一

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script src="dojo/dojo.js"></script>
 7     </head>
 8     <script>

 9         require(["dojo/on","dojo/dom","dojo/dom-style","dojo/request","dojo/mouse","dojo/domReady!"],
10         function(on,dom,domstyle,request,mouse){
11             var myb = dom.byId("mybutton");
12
13             on(myb,"click",function(evt){
14 //                domstyle.set(myb,"backgroundColor","blue");
15               request.get("ssd.txt").then(
16                   function(response){
17                       myb.innerHTML="<pre>"+response+"</pre>";
18                   },
19                   function(error){
20                           myb.innerHTML="<div class=\"error\">"+error+"</div>";
21                   }
22               );
23             });
24         }
25         )
26     </script>
27     <body>
28     <button id="mybutton">dian</button>
29     </body>
30 </html>

今天开始学习 dojo 目的是学习 arc gis api for js

require 方法:引入组件和模块

on 方法:绑定事件

request 方法:处理ajax 异步通信。

1  里面有一个按钮,点击按钮事件,改变按钮背景。

2  其中还有一个文本,获取到文本的内容。

时间: 2024-08-03 04:33:11

dojo 学习一的相关文章

dojo 学习笔记之一 dom.byId dojo.byId registry.byId 的区别

在dojo中,除了沿用Dom结点, dojo 还自定义了一类结点用"dojoType" 进行标识. dojo 称这些结点为widget. 当检测到HTMl文档中某个标签定义了dojoType 属性之后,dojo会调用dojo包中相应的 js 及 css 文件对这个结点进行渲染. 从而这个结点元素就会相应地显示出具有dojo特色的样式及功能. 如此说来, dom.byId 跟 dojo.byId 获取到的就是普通的HTMl文档结构树中的某个结点元素,以下简称dom结点, 而 regist

我的DOJO学习之路(三)-几个DEMO

基于DOJO组件式开发写了几个DEMO练练手,仅供参考. <script type="text/javascript" language="javascript" charset="utf-8"> require(["dojo/ready", "dojo/on", "dojo/request/xhr", "dojo/parser", "dijit

dojo 学习笔记之dojo.query - query(id) 与query(class)的区别

考虑这个例子:动态创建一个页面的时候,用new listtem()生成多个listitem, 且每个listitem中都生成一个按钮button. 如果想要给每个按钮都绑定一个click事件,用dojo.query来获取这些button是比较方便的. 这样做的时候我遇到一个问题, 在create这些button的循环语句中我给每个button 定义了id = "somebtn" . 然后试图用var btnlist = dojo.query("#somebtn")

Dojo 学习笔记 之 Dojo hitch&amp;partial

原文: http://dojotoolkit.org/documentation/tutorials/1.10/hitch/index.html 版本: Dojo 1.10 为了更好地使用JavaScript原生函数,dojo/_base/lang模块提供了很多非常有用的方法.这里,我们来学习JavaScript函数(Function)对象基础,及如何使用lang.hitch来绑定函数的上下文.在此基础上,学习如何使用lang.partial来绑定函数的特定参数,及如何使用lang.hitch实

Dojo学习笔记(十):Dojo布局——堆叠容器

可以把小部件层叠在一起,而一次只显示一个屏面. 1 dijit.layout.AccordionContainer AccordionContainer 顾名思义是像手风琴一样可以收缩的面板,这种方式比较适合单个portal的布局,小巧易用:也可以用于整个页面的布局. AccordionContainer申明方式样例: <!DOCTYPE HTML> <html> <head>     <meta charset="UTF-8">    

Dojo学习笔记(十一):Dojo布局——嵌套样例

<!DOCTYPE HTML> <html> <head>     <meta charset="UTF-8">     <link rel="stylesheet" href="dijit/themes/soria/soria.css">     <style type="text/css">         html,body{            

dojo学习(一)入门

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>validationTextbox</title> <head> <title>Dojo: Hello World!</title> <style type="text/cs

Dojo学习笔记(十三):Dojo表单控件——TextBox及其变体

dijit/form/TextBox :一个基本的文本框 dijit/form/SimpleTextarea :大量文字输入,一个基本的textarea dijit/form/Textarea :一个扩展dijit/form/SimpleTextarea动态增加或减少其高度 dijit/form/NumberTextBox或dijit/form/NumberSpinner:输入是数字,确保输入一个文本框,dijit/form/NumberSpinner提供扩展dijit/form/NumberT

Dojo学习笔记(七):Making Functions with hitch and partial

dojo/_base/lang包含两个有用的方法:lang.hitch和lang.partial. 1.JavaScript 中的运行上下文(execution contexts) 在JavaScript中,当一个函数被调用,一个运行上下文就被创建出来.上下文的创建经过如下阶段: (1)arguments 参数对象的创建: (2)函数作用域 scope 的创建: (3)函数中变量 Variables 的实例化: (4)this 属性(指向上下文 context 自身) 的创建. this 属性是