dojo 之基础篇


Posted in Javascript onMarch 24, 2007

假设我们的工程目录如下:

-- HelloWorld.html  |-- js/     -- dojo/  /*此处是dojo包下面的文件,列表如下
       		 -- build.txt
       		 -- CHANGELOG
      		 -- demos         		  -- ..
       		 -- dojo.js
       		 -- dojo.js.uncompressed.js
       		 -- iframe_history.html
       		 -- LICENSE
       		 -- README
       		 -- src/
现在我们创建HelloWorld.html文件,代码如下:
<html>
 <head>
  <title>Dojo: Hello World!</title>  <!-- SECTION 1 -->
  <script type="text/javascript" src="js/dojo/dojo.js"></script>  <!-- SECTION 2 --> 
 </head> <body>
 </body>
</html>
在body中加入一个widget button
<button dojoType="Button" widgetId="helloButton">Hello World!</button>上面不一定要使用widgetId,用平常的id就行了,widget会自己将其转化为widgetId。
以下开始加入section 2的代码。
<!-- SECTION 2 -->
  <script type="text/javascript">   //引入库
   //event.*是处理事件,比如:点击,的所有包。
   dojo.require("dojo.event.*");
   dojo.require("dojo.widget.*");
   dojo.require("dojo.widget.Button");   //点击按钮后调用的函数
   function helloPressed()
   {
    alert('You pressed the button');
   }   //将helloButton的点击事件绑定到helloPressed()函数
   function init()
   {
    var helloButton = dojo.widget.byId('helloButton');//获得button对象
    dojo.event.connect(helloButton, 'onClick', 'helloPressed')//绑定,这只是其中一种绑定方法
   }   dojo.addOnLoad(init);//当然也可以将init函数命为其它的名
  </script>
这样,就完成了HelloWorld.html的代码. 试试吧.另外,要注意的是:
如果init函数已经运行了,我们再使用document.getElementById 就没用了. 因为DOM
已经被widget改变. 只能用dojo.widget.byId.
Javascript 相关文章推荐
js冒泡法和数组转换成字符串示例代码
Aug 14 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
Nov 25 Javascript
javascript实现修改微信分享的标题内容等
Dec 11 Javascript
基于BootStrap的图片轮播效果展示实例代码
May 23 Javascript
JS之相等操作符详解
Sep 13 Javascript
jquery实时获取时间的简单实例
Jan 26 Javascript
微信小程序模板和模块化用法实例分析
Nov 28 Javascript
基于jquery实现左右上下移动效果
May 02 jQuery
angular2实现统一的http请求头方法
Aug 13 Javascript
简单分析js中的this的原理
Aug 31 Javascript
layer弹出层自定义提交取消按钮的例子
Sep 10 Javascript
vue中template的三种写法示例
Oct 21 Javascript
jQuery使用手册之 事件处理
Mar 24 #Javascript
jQuery使用手册之三 CSS操作
Mar 24 #Javascript
jQuery使用手册之二 DOM操作
Mar 24 #Javascript
jQuery使用手册之一
Mar 24 #Javascript
5 cool javascript apps
Mar 24 #Javascript
用JQuery 实现的自定义对话框
Mar 24 #Javascript
JQuery 简便实现页面元素数据验证功能
Mar 24 #Javascript
You might like
PHP.MVC的模板标签系统(三)
2006/09/05 PHP
php中var_export与var_dump的区别分析
2010/08/21 PHP
给WordPress中的留言加上楼层号的PHP代码实例
2015/12/14 PHP
PHP实现通过CURL上传文件功能示例
2018/05/30 PHP
关于document.cookie的使用javascript
2008/04/11 Javascript
常见表单重复提交问题整理及解决方法
2013/11/13 Javascript
jquery提示效果实例分析
2014/11/25 Javascript
浅析jQuery EasyUI中的tree使用指南
2014/12/18 Javascript
jQuery中height()方法用法实例
2014/12/24 Javascript
javascript面向对象程序设计(一)
2015/01/29 Javascript
JavaScript实现DIV层拖动及动态增加新层的方法
2015/05/12 Javascript
jQuery实现新消息在网页标题闪烁提示
2015/06/23 Javascript
原生js实现图片层叠轮播切换效果
2016/02/02 Javascript
JavaScript知识点总结(四)之逻辑OR运算符详解
2016/05/31 Javascript
详解使用JS如何制作简单的ASCII图与单极图
2017/03/31 Javascript
微信小程序之网络请求简单封装实例详解
2017/06/28 Javascript
微信小程序实现图片上传功能
2018/05/28 Javascript
springMvc 前端用json的方式向后台传递对象数组方法
2018/08/07 Javascript
[51:39]DOTA2-DPC中国联赛 正赛 Magma vs LBZS BO3 第二场 2月7日
2021/03/11 DOTA
pycharm 使用心得(九)解决No Python interpreter selected的问题
2014/06/06 Python
用Python的Django框架完成视频处理任务的教程
2015/04/02 Python
pycharm执行python时,填写参数的方法
2018/10/29 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
查看python安装路径及pip安装的包列表及路径
2019/04/03 Python
详解django使用include无法跳转的解决方法
2020/03/19 Python
Python脚本实现监听服务器的思路代码详解
2020/05/28 Python
Ubuntu20下的Django安装的方法步骤
2021/01/24 Python
马来西亚航空官方网站:Malaysia Airlines
2017/07/28 全球购物
接口的多继承会带来哪些问题
2015/08/17 面试题
《假如》教学反思
2014/04/17 职场文书
3的组成教学反思
2014/04/30 职场文书
乔丹名人堂演讲稿
2014/05/24 职场文书
2015年社区国庆节活动总结
2015/07/30 职场文书
python Polars库的使用简介
2021/04/21 Python
nginx负载功能+nfs服务器功能解析
2022/02/28 Servers
Python使用MapReduce进行简单的销售统计
2022/04/22 Python