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 相关文章推荐
用javascript实现点击链接弹出&quot;图片另存为&quot;而不是直接打开
Aug 15 Javascript
csdn 论坛技术区平均给分功能
Nov 07 Javascript
用jquery实现动画跳到顶部和底部(这个比较简单)
Sep 01 Javascript
checkbox批量选中,获取选中项的值的简单实例
Jun 28 Javascript
js生成随机颜色方法代码分享(三种)
Dec 29 Javascript
jQuery Ajax全解析
Feb 13 Javascript
canvas实现图片根据滑块放大缩小效果
Feb 24 Javascript
js判断节假日实例代码
Dec 27 Javascript
微信小程序封装的HTTP请求示例【附升级版】
May 11 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
Jul 10 jQuery
深入学习Vue nextTick的用法及原理
Oct 08 Javascript
解决vue自定义指令导致的内存泄漏问题
Aug 04 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
获取用户Ip地址通用方法与常见安全隐患(HTTP_X_FORWARDED_FOR)
2013/06/01 PHP
使用PHP破解防盗链图片的一个简单方法
2014/06/07 PHP
PHP中set error handler函数用法小结
2015/11/11 PHP
PHP错误机制知识汇总
2016/03/24 PHP
PHP创建/删除/复制文件夹、文件
2016/05/03 PHP
PHP封装的简单连接MongoDB类示例
2019/02/13 PHP
javascript 基础篇4 window对象,DOM
2012/03/14 Javascript
表单元素的submit()方法和onsubmit事件应用概述
2013/02/01 Javascript
node.js中的fs.write方法使用说明
2014/12/15 Javascript
jQuery中[attribute=value]选择器用法实例
2014/12/31 Javascript
jQuery实现仿Google首页拖动效果的方法
2015/05/04 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
2016/05/20 Javascript
用js实现简单算法的实例代码
2016/09/24 Javascript
利用BootStrap的Carousel.js实现轮播图动画效果
2016/12/21 Javascript
JavaScript数组push方法使用注意事项
2017/10/30 Javascript
jquery树形插件zTree高级使用详解
2019/08/16 jQuery
node crawler如何添加promise支持
2020/02/01 Javascript
Python实现简单文本字符串处理的方法
2018/01/22 Python
python opencv实现旋转矩形框裁减功能
2018/07/25 Python
Python UnboundLocalError和NameError错误根源案例解析
2018/10/31 Python
Python常用数据类型之间的转换总结
2019/09/06 Python
Python操作Sqlite正确实现方法解析
2020/02/05 Python
python绘制封闭多边形教程
2020/02/18 Python
手把手教你安装Windows版本的Tensorflow
2020/03/26 Python
CSS3之transition实现下划线的示例代码
2018/05/30 HTML / CSS
英国第二大营养品供应商:Vitabiotics
2016/10/01 全球购物
linux面试题参考答案(4)
2014/09/21 面试题
中间件分为哪几类
2016/09/18 面试题
驾驶员岗位职责
2014/01/29 职场文书
校庆接待方案
2014/03/18 职场文书
三八红旗手先进事迹材料
2014/05/13 职场文书
电子商务专业自荐信
2014/06/02 职场文书
寒山寺导游词
2015/02/03 职场文书
通知的格式范文
2015/04/27 职场文书
sql时间段切分实现每隔x分钟出一份高速门架车流量
2022/02/28 SQL Server
MySql如何将查询的出来的字段进行转换
2022/06/14 MySQL