假设我们的工程目录如下：
-- 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.
以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索dojo
之基础篇
股市投机讲义之基础篇、李涛高手之路之基础篇、鸟哥的私房菜基础篇、新职业英语基础篇、新手学摄影基础篇，以便于您获取更多的相关知识。
时间： 2024-11-10 11:26:33