dojo 基础

最新推荐文章于 2023-02-22 10:03:52 发布
最新推荐文章于 2023-02-22 10:03:52 发布
阅读量140 收藏
点赞数
分类专栏： 前端DOJO 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/majwit/article/details/84736312
版权

<html>

<head>

<title>dojo入门 ，以及常用的工具方法</title>

</head>

 

<style>

.reds{

color:red;

}

 

.sizes{

font-size:30px;

}

</style>

<script type="text/javascript" src="../dojo/dojo/dojo.js" djConfig="parseOnLoad: true"></script>

 

<body>

<div id="hb">dddd</div>

<div id="delete">delete</div>

 

<div id="toggle">toggle</div>

 

<div id="styles">styles</div>

 

<div id="attr" value="attr"></div>

 

<div id="father">fathe

<div id="brather1">brather1</div>

<div id="brather2" class="brather2">brather2

<div id="son1">son1</div>

<div id="son2">son2</div>

</div>

<span>span1</span>

<span>span2</span>

<div id="brather3">brather3</div>

</div>

 

</body>

</html>

 

<script>

function test(){

 

//dojo根据id查找的方法，返回的是DOM对象

alert(dojo.byId("hb"));

 

//将创建的div替换id为hb的对象

dojo.create("div",{id:"hb1"},"hb","replace");

//将id为hb1的对象的显示内容为value,也就是上面替换的对象

document.getElementById("hb1").innerHTML="values";

 

//删除节点

//dojo.destroy(dojo.byId("delete"));

//给对象添加样式

//dojo.addClass(dojo.byId("delete"),"reds");

//添加多个样式的方式

//dojo.addClass(dojo.byId("delete"),["reds","sizes"]);

dojo.addClass(dojo.byId("delete"),"reds sizes");

 

//删除一个样式的方法

//dojo.removeClass(dojo.byId("delete"),"reds");

//删除多个样式的方法

dojo.removeClass(dojo.byId("delete"),"reds sizes");

 

//dojo.style(node,style,value)

dojo.style(dojo.byId("styles"),"color","green");

//设置多个属性

dojo.style(dojo.byId("styles"),{"color":"blue","padding":"40px"});

 

//设置属性,将id为attr的div的显示结果为TEST ATTR，并且将他的名字属性改为attr

dojo.attr(dojo.byId("attr"),{

innerHTML:"TEST ATTR",

name:"attr"

});

//用来测试上面添加name属性为attr的问题

//alert(document.getElementsByName("attr")[0].value);

 

//dojo定位筛选的方式跟jquery方式类似

//alert(dojo.query("#son1").attr("innerHTML"));

//alert(dojo.query(".brather2").attr("innerHTML"));

//查询span的是一个数组，有多个值，因此要制定查询的是第几个值

//alert(dojo.query("span").attr("innerHTML"));

alert('dojo.query("span").attr("innerHTML")----'+dojo.query("span").attr("innerHTML"));

alert('dojo.query("span").attr("innerHTML")[1]----'+dojo.query("span").attr("innerHTML")[1]);

//alert(dojo.query("[name='attr']").attr("innerHTML"));

 

//获取id为son1和son2的节点

//dojo.query("#son1,#son2").addClass("reds");

//dojo.query("#father span").style("color","green");

 

//使用循环遍历

/*

var arr = [6,7,8];

dojo.forEach(arr,function(item,index){

alert(item + "----" + index);

arr[index]=item*2;

});

 

dojo.forEach(arr,function(item,index){

alert(item + "----" + index);

 

});

 

//使用map也是一种循环遍历的方式

var arr = [6,7,8];

dojo.map(arr,function(item,index){

alert(item + "----" + index);

arr[index]=item*2;

});

 

dojo.map(arr,function(item,index){

alert(item + "----" + index);

 

});

 

//使用过滤器的方式，也是遍历每个数组

var arr = [6,7,8];

var filters = dojo.filter(arr,function(item,index){

return item>6;

});

 

dojo.map(filters,function(item,index){

alert(item + "----" + index);

 

});

*/

 

//疑问——已经找到了指定的对象，怎么样把他转换为dojo对象

dojo.query("span").forEach(function(item,index){

alert(item.innerHTML);

});

 

 

}

//代码加载玩了之后执行这个方法

dojo.ready(function(){

test();

});

</script>

<script type="text/javascript">// <![CDATA[ function test(){ //dojo根据id查找的方法，返回的是DOM对象 alert(dojo.byId("hb")); //将创建的div替换id为hb的对象 dojo.create("div",{id:"hb1"},"hb","replace"); //将id为hb1的对象的显示内容为value,也就是上面替换的对象 document.getElementById("hb1").innerHTML="values"; //删除节点 //dojo.destroy(dojo.byId("delete")); //给对象添加样式 //dojo.addClass(dojo.byId("delete"),"reds"); //添加多个样式的方式 //dojo.addClass(dojo.byId("delete"),["reds","sizes"]); dojo.addClass(dojo.byId("delete"),"reds sizes"); //删除一个样式的方法 //dojo.removeClass(dojo.byId("delete"),"reds"); //删除多个样式的方法 dojo.removeClass(dojo.byId("delete"),"reds sizes"); //dojo.style(node,style,value) dojo.style(dojo.byId("styles"),"color","green"); //设置多个属性 dojo.style(dojo.byId("styles"),{"color":"blue","padding":"40px"}); //设置属性,将id为attr的div的显示结果为TEST ATTR，并且将他的名字属性改为attr dojo.attr(dojo.byId("attr"),{ innerHTML:"TEST ATTR", name:"attr" }); //用来测试上面添加name属性为attr的问题 //alert(document.getElementsByName("attr")[0].value); //dojo定位筛选的方式跟jquery方式类似 //alert(dojo.query("#son1").attr("innerHTML")); //alert(dojo.query(".brather2").attr("innerHTML")); //查询span的是一个数组，有多个值，因此要制定查询的是第几个值 //alert(dojo.query("span").attr("innerHTML")); alert('dojo.query("span").attr("innerHTML")----'+dojo.query("span").attr("innerHTML")); alert('dojo.query("span").attr("innerHTML")[1]----'+dojo.query("span").attr("innerHTML")[1]); //alert(dojo.query("[name='attr']").attr("innerHTML")); //获取id为son1和son2的节点 //dojo.query("#son1,#son2").addClass("reds"); //dojo.query("#father span").style("color","green"); //使用循环遍历 /* var arr = [6,7,8]; dojo.forEach(arr,function(item,index){ alert(item + "----" + index); arr[index]=item*2; }); dojo.forEach(arr,function(item,index){ alert(item + "----" + index); }); //使用map也是一种循环遍历的方式 var arr = [6,7,8]; dojo.map(arr,function(item,index){ alert(item + "----" + index); arr[index]=item*2; }); dojo.map(arr,function(item,index){ alert(item + "----" + index); }); //使用过滤器的方式，也是遍历每个数组 var arr = [6,7,8]; var filters = dojo.filter(arr,function(item,index){ return item>6; }); dojo.map(filters,function(item,index){ alert(item + "----" + index); }); */ //疑问——已经找到了指定的对象，怎么样把他转换为dojo对象 dojo.query("span").forEach(function(item,index){ alert(item.innerHTML); }); } //代码加载玩了之后执行这个方法 dojo.ready(function(){ test(); }); // ]]></script>
majwit
关注
专栏目录
web前端之dojo实际应用及开发一：开始dojo（附有源码）
爸爸去哪了2之熊猫三胞胎的博客
12-02 2805
web前端之dojo实际应用及开发：开始dojo（附有源码）现在我们开始学习一个新的框架dojo，dojo的介绍dojo官网下载dojo-release-1.11.2.zip，解压缩后，修改文件夹名称dojoroot，放到ROOT目录下。输入下面的网址：http://localhost:8080/dojoroot/dijit/themes/themeTester.html。如果能正常打开就说明安装完
Dojo 基础入门(五)
w的专栏
03-31 5059
1.            Dojo详解1.1.    通用函数1.1.1.      dojo.require在前面的示例中，其实我们已经看到了dojo.require的使用。它是用来声明将要使用的dojo的组件类型。类似Java中的import语句。Dojo是把代码分成模块，在表现形式上是以文件目录结构存在的，类似Java的包概念。而每个模块下的Dojo类文件，就可以理解为类似
Dojo 基础入门(一)
w的专栏
03-31 1813
摘要本文介绍了Dojo的基本相关信息，并通过一些简单示例让大家对Dojo有一个初步的感性认识。之后介绍了开发环境的准备以及在开发过程中需要具备的概念。由于新版本的Dojo对以前的0.4版本上做了重大变革，而现有的很多资源还是基于原有版本进行介绍的，这难免会引起初学者的困惑。本文尽量使用深入浅出的方式，通过简短、平实的文字把Dojo介绍给大家，以便初学者可以很容易的了解Dojo,能够在最短时
dojo学习之1
qingqingzijinxin的专栏
07-04 354
在这篇从头开始学习 Dojo 的系列文章中，您学习了关于 Dojo 和使用它的基本知识。特别是，您学习了各种 DOM 实用函数、数组函数、事件处理和 HXR 特性
dojo常用函数
weixin_34419321的博客
04-14 104
2019独角兽企业重金招聘Python工程师标准>>> ...
DOJO 基础学习
07-11
【DOJO基础学习】 DOJO是一个强大的JavaScript库，它提供了丰富的功能，包括UI组件、数据管理、动画效果、Ajax交互以及模块化开发等。对于初学者来说，掌握DOJO的基础知识是迈向专业前端开发的重要一步。在基于...
Dojo基础资料
10-22
这个压缩包文件包含了Dojo的基础学习资料，分为三个部分：Fundamental（基础）、Interface（界面）和Developing Skill（技能提升），非常适合初学者进行系统学习。 在"1. Fundamental"部分，你将深入理解Dojo的核心...
Dojo基础3国际化
07-19
Dojo 是一个强大的 JavaScript 库，它提供了丰富的功能，包括对国际化的支持。在Dojo中，国际化（i18n）使得应用可以适应不同语言和文化环境，从而为全球用户提供一致的体验。以下是Dojo国际化的主要方面： 一、...
Dojo基础2事件侦听器
11-20
本篇将深入探讨Dojo的基础事件侦听器以及发布/预定通信机制。 首先，我们来看一下Dojo如何标准化事件和键盘处理。Dojo遵循W3C的事件模型，提供了一系列标准的鼠标和键盘事件，如`onclick`、`onmousedown`等。此外，...
dojo获取dom节点的方法
拓子轩
11-22 1121
 1. 通过id获取dom节点 如果要对html文档中的元素进行处理时，我们一般会为该节点设置一个id属性；在dojo中，提供了一个通过id获取节点的简洁方式。 如果要获取如下节点： &lt;input type="text" name="username" value="alex1" id="username" class="textCss"/&gt;   使用js获取该节点：
Dojo的几个简单函数介绍
01-31 862
1.dojo.require:dojo包的核心函数，用来加载dojo的功能包. dojo.require("esri.map");//加载esri/map.js 2.dojo.addOnLoad,页面加载完后调用的函数 dojo.addOnLoad( function() { var MyMap = new esri.Map("MyMapDiv"); var MyTiledMapSe
dojo框架的基本认识
最新发布
weixin_45774558的博客
02-22 2490
Dojo的全称是Dojo Toolkit，始创于2004年，是当前各种蓬勃发展的JS工具包中的佼佼者。Dojo 为富互联网应用程序(RIA) 的开发提供了完整的端到端的解决方案，包括核心的 JavaScript 库，简单易用的小部件（Widget）系统和一个测试框架，此外，Dojo 的开源开发社区还在不停地为它提供新的功能。
Array 的五种迭代方法（every/filter/forEach/map/some）
Molly_Xu的博客
04-16 721
ES5定义了五个迭代方法，每个方法都接收两个参数：要在每一项上运行的函数和运行该函数的作用域对象（可选的），作用域对象将影响this的值。传入这些方法中的函数会接收三个参数：数组的项的值、该项在数组中的位置和数组对象本身。 1.every() 和 some() every()是对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true。 some()是对数组中的每一项运行
DOJO API 中文参考手册
热门推荐
dev_mlzhang的博客
04-20 2万+
DOJO API 中文参考手册 Dojo 体系架构总体上来看是一个分层的体系架构。最下面的一层是包系统，Dojo API 的结构与 Java 很类似，它把所有的 API 分成不同的包（package），当您要使用某个 API 时，只需导入这个 API 所在的包。包系统上面一层是语言库，这个语言库里包含一些语言工具 API，类似于 Java的 util 包。再上一层是环境相关包，这个包的功能是处理跨...
部分Dojo常用函数简介（四）——String及Array扩展
Dojo中文博客
11-04 9575
每个Ajax 框架都对Javascript 做了扩展，提供了很多常用函数，增强了 Javascript 的开发效率。在这里将对部分Dojo 中的常用函数做简单的介绍。由于Dojo的常用函数较多，也为方便大家阅读，将这些常用函数分为了五个类别分别进行介绍。本文将介绍第四部分的内容：String及Array扩展。
dojo041中dojo.byId存在问题
好风的老巢
04-23 1011
网页如下：          如果用dojo.byId("commonAM");获取表单对象时，会返回空，察看源代码发现和031版差别很大，增加了一些判断条件，这样的话，在ie下，如果存在则会因为name="id"的导致取不到表单对象（具体原因见dojo.js）解决办法：我现在直接用document.getElementById，谁有更好的办法？ 
dojo常用方法
ittime
03-30 217
[color=green][/color] forEach：遍历数组里的每一个数值，做操作 一：dojo.forEach(array, function(x) { x = x + 2; }); —————— dojo.forEach(array, function(x) { if (x == 2) { return; //注意是return 不是continue/x...
手把手教你Dojo入门
xingoo
06-26 551
手把手教你Dojo入门 如果仅仅是为了练习Dojo,或者进行测试，可以参考下面的步骤。下面的文件均是在Windows下测试 需要的工具 1 Tomcat服务器：下载地址 选择适合自己的机器型号，即可 2 Dojo的工具包：下载地址  由于dojo toolkit没有测试页面，所以推荐下载下面的那个SDK的 3 浏览器 博主使用的是chrom...
Dojo基础与AMD规范解析
"这篇资料主要介绍了Dojo的基础知识，包括AMD规范和Dojo Toolkit的核心特性。AMD是异步模块定义，常用于JavaScript模块化开发，而Dojo是一个强大的前端JavaScript工具包，拥有Base、Core、Dijit和DojoX四个主要部分...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值