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实现下载远程文件并保存在本地的脚本
May 06 Javascript
javascript 可以拖动的DIV(二)
Jun 26 Javascript
网页前台通过js非法字符过滤代码(骂人的话等等)
May 26 Javascript
用于节点操作的API,颠覆原生操作HTML DOM节点的API
Dec 11 Javascript
jquery图片上下tab切换效果
Mar 18 Javascript
javascript调试过程中找不到哪里出错的可能原因
Dec 16 Javascript
Javascript基于对象三大特性(封装性、继承性、多态性)
Jan 04 Javascript
vue 动态改变静态图片以及请求网络图片的实现方法
Feb 07 Javascript
vue v-for 使用问题整理小结
Aug 04 Javascript
解决Layui 表格自适应高度的问题
Nov 15 Javascript
Ajax实现局部刷新的方法实例
Mar 31 Javascript
处理canvas绘制图片模糊问题
May 11 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 出现乱码和Sessions验证问题的解决方法!
2008/12/06 PHP
php动态实现表格跨行跨列实现代码
2012/11/06 PHP
解析如何修改phpmyadmin中的默认登陆超时时间
2013/06/25 PHP
PHP邮件群发机实现代码
2016/02/16 PHP
老生常谈PHP面向对象之注册表模式
2017/05/26 PHP
PHP实现的解汉诺塔问题算法示例
2018/08/06 PHP
JAVASCRIPT keycode总结
2009/02/04 Javascript
js获取URL的参数的方法(getQueryString)示例
2013/09/29 Javascript
用Jquery.load载入页面实现局部刷新
2014/01/22 Javascript
JavaScript实现强制重定向至HTTPS页面
2015/06/10 Javascript
讲解JavaScript的Backbone.js框架的MVC结构设计理念
2016/02/14 Javascript
js操作XML文件的实现方法兼容IE与FireFox
2016/06/25 Javascript
jQuery ajaxSubmit 实现ajax提交表单局部刷新
2016/07/04 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
vue.js移动端app实战1:初始配置详解
2017/07/24 Javascript
AngularJS实现表单元素值绑定操作示例
2017/10/11 Javascript
React SSR样式及SEO的实践
2018/10/22 Javascript
nuxt.js中间件实现拦截权限判断的方法
2018/11/21 Javascript
通过说明与示例了解js五种设计模式
2019/06/17 Javascript
基于layui实现高级搜索(筛选)功能
2019/07/26 Javascript
解决在layer.open中使用时间控件laydate失败的问题
2019/09/11 Javascript
vue中上传视频或图片或图片和文字一起到后端的解决方法
2019/12/01 Javascript
js实现上传图片并显示图片名称
2019/12/18 Javascript
[40:19]2018完美盛典CS.GO表演赛
2018/12/17 DOTA
python列表list保留顺序去重的实例
2018/12/14 Python
使用python list 查找所有匹配元素的位置实例
2019/06/11 Python
Python openpyxl读取单元格字体颜色过程解析
2019/09/03 Python
Tensorflow实现将标签变为one-hot形式
2020/05/22 Python
Django实现简单的分页功能
2021/02/22 Python
广告学专业推荐信范文
2013/11/23 职场文书
项目副经理岗位职责
2013/12/30 职场文书
《邮票齿孔的故事》教学反思
2014/02/22 职场文书
初中班级口号
2014/06/09 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
结婚保证书(卖身契)
2015/02/26 职场文书
redis实现的四种常见限流策略
2021/06/18 Redis