dojo入门 ,以及常用的工具方法

原创 2013年12月04日 10:06:40

工作需要,自学dojo写的一些小demo,方便自己以后学习,这里我使用的是dojo 1.6

 

备注:要使用dojo,就必须要在官网下载相关的代码,然后把这套代码全部导入到工程中,它不像jquery就只需要一个工具代码就OK了,他是一整套的东西,如果熟悉ext的同学就能够很好的理解,其它的工具类都是在相对的目录中,这个是固定的Dojo工程中的,因此在需要的时候就可以导入需要的代码,路径不受影响。

 

<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>

 

java常用工具方法

有一些常用的方法老是记不住,每次都要去网上找,在这里整合一下,以后就直接在这找了。 一:小数的四舍五入 String value = new BigDecimal("111231.5...
  • u012000209
  • u012000209
  • 2016年12月03日 17:02
  • 129

常用js 工具方法总结

/*过滤空对象*/ function getString(str) { if (str == null || str == "null" || str == undefined) { retur...
  • fyhjuyol
  • fyhjuyol
  • 2015年04月05日 01:07
  • 450

【第一章 dojo】手把手教你Dojo入门

如果仅仅是为了练习Dojo,或者进行测试,可以参考下面的步骤。下面的文件均是在Windows下测试 需要的工具 1 Tomcat服务器:下载地址 选择适合自己的机器型号,即可 2 Dojo的工具...
  • u010251897
  • u010251897
  • 2016年08月03日 12:43
  • 404

Dojo 基础入门(一)

摘要本文介绍了Dojo的基本相关信息,并通过一些简单示例让大家对Dojo有一个初步的感性认识。之后介绍了开发环境的准备以及在开发过程中需要具备的概念。由于新版本的Dojo对以前的0.4版本上做了重大变...
  • kswaking
  • kswaking
  • 2008年03月31日 11:28
  • 1322

jQuery- 工具方法和实例方法

在使用jQuery的过程中,其实不难发现其中是存在不同的调用函数的方法的,这主要是因为存在两种方法,一个是工具方法,一个是函数方法$.get() $.post() $('#div1').html()工...
  • Dear_Mr
  • Dear_Mr
  • 2017年02月06日 23:48
  • 814

JS常用工具方法

JS常用工具方法
  • qq_37198748
  • qq_37198748
  • 2017年04月25日 23:15
  • 342

Dojo 基础入门(五)

1.            Dojo详解1.1.    通用函数1.1.1.      dojo.require在前面的示例中,其实我们已经看到了dojo.require的使用。它是用来声明将要使用的...
  • kswaking
  • kswaking
  • 2008年03月31日 12:57
  • 4400

dojo chart详解

dojo chart详解
  • GISShiXiSheng
  • GISShiXiSheng
  • 2014年10月10日 14:58
  • 3278

常用工具方法

public static void showToast(Context context, String text) { Toast toast = null; if (toast =...
  • Qunz1129
  • Qunz1129
  • 2017年11月16日 16:38
  • 29

一些常用的工具方法

package Util; import java.io.BufferedReader; import java.io.File; import java.io.FileWriter; ...
  • oracle8090
  • oracle8090
  • 2016年10月28日 10:24
  • 127
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:dojo入门 ,以及常用的工具方法
举报原因:
原因补充:

(最多只允许输入30个字)