繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > dojo 之基础篇
- Javascript
- 一个qq菜单效果
- 一个用js实现过滤重复字符的函数
- javascript 一个自定义长度的文本自动换行的函数
- 用js实现的一个根据内容自动生成表格的函数
- 图片格式的JavaScript和CSS速查手册
- 关于恒等于（===）和非恒等于（!==）
- fix-ie5.js扩展在IE5下不能使用的几个方法
- javascript实现上传图片前的预览（TX的面试题）
- lib.utf.js
- 可以把编码转换成 gb2312编码lib.UTF8toGB2312.js
- 真见识了-全代码编写的图片
- ASP中用Join和Array，可以加快字符连接速度的代码
- javascript之弹出窗口居中的代码
- 识别操作系统是不是vista的js代码
- js自动滑动+鼠标滑动区域
- LBS blog sql注射漏洞[All version]-官方已有补丁
- 有一段有意思的代码-javascript现实多行信息
- javascript在一段文字中的光标处插入其他文字
- Google韩国首页图标动画效果
- 新发现原来documenet.URL也可以实现页面跳转
Javascript 中的 dojo 之基础篇
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 170 ::
收藏到网摘: n/a
假设我们的工程目录如下：
现在我们创建HelloWorld.html文件，代码如下：-- HelloWorld.html
|-- js/
-- dojo/ /*此处是dojo包下面的文件,列表如下-- build.txt
-- CHANGELOG
-- demos
-- ..
-- dojo.js
-- dojo.js.uncompressed.js
-- iframe_history.html
-- LICENSE
-- README
-- src/
在body中加入一个widget button<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>
以下开始加入section 2的代码。<button dojoType="Button" widgetId="helloButton">Hello World!</button>
上面不一定要使用widgetId，用平常的id就行了，widget会自己将其转化为widgetId。
<!-- 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.
评论 (0) All
