第一步,引入dojo.js dojo的发行包里有4个子目录,要引入的文件是名叫"dojo"的子目录里的dojo.js。 假设你是这样的目录结构:
引用
project | +--dojo-lib | | | +--dijit | +--dojo | +--dojox | +--util | +--dojo_hello_world.html
Java代码
<script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script>
Java代码
<script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script>
Java代码
<script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script>
view plaincopy to clipboardprint?
<script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script> 中国网管联盟www.bitscn.com
<script type="text/javascript" src="./dojo-lib/dojo/dojo.js"></script>开始使用dojo 现在开始使用dojo的第一个函数:dojo.byId dojo.byId就等同于常用的document.getElement <input type="text" name="username" id="username" value="Mark" /> <script type="text/javascript"> var username = dojo.byId('username').value alert(username); </script> OK,是不是和普通的js库一样,没有任何玄机? dojo.addOnLoad 现在我们想在window.onload里面处理一点东西,就像Ext.onReady,这个东西在dojo里叫做dojo.addOnLoad Java代码
dojo.addOnLoad(function(){
var username = dojo.byId('username').value
alert(username);
});
Java代码
dojo.addOnLoad(function(){
var username = dojo.byId('username').value
alert(username);
});
网管联盟www.bitsCN.com
Java代码
dojo.addOnLoad(function(){
var username = dojo.byId('username').value
alert(username);
});
view plaincopy to clipboardprint?
dojo.addOnLoad(function(){
var username = dojo.byId('username').value
alert(username);
}); feedom.net
dojo.addOnLoad(function(){
var username = dojo.byId('username').value
alert(username);
});dojo.connect OK,window.onload搞定了,那么如何监听普通的dom事件呢?没问题,强大的dojo.connect出场 Java代码
<script type="text/javascript">
function sayHello(event)
{
alert("Hello");
}
dojo.addOnLoad(function(){
var btn = dojo.byId('hello');
dojo.connect(btn,"onclick",sayHello);
});
</script>
<input type="button" id="hello" value="Hello" />
Java代码
<script type="text/javascript">
function sayHello(event)
{ 54com.cn
alert("Hello");
}
dojo.addOnLoad(function(){
var btn = dojo.byId('hello');
dojo.connect(btn,"onclick",sayHello);
});
中国网管联盟www.bitscn.com