Dojo是一个强大的面向对象JavaScript框架。主要由三大模块组成:Core、Dijit、DojoX。Core提供Ajax,events,packaging,CSS-based querying,animations,JSON等相关操作API。Dijit是一个可更换皮肤,基于模板的WEB UI控件库。DojoX包括一些创新/新颖的代码和控件:DateGrid,charts,离线应用,跨浏览器矢量绘图等。
1.引入Dojo.js
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Tutorial: Hello Dojo!</title>
</head>
<body>
<input type="text" name="username" id="username" value="midsummer" />
<!-- load Dojo -->
<script src="https://download.dojotoolkit.org/release-1.16.3/dojo.js"></script>
<script>
// let username = dojo.byId("username").value;
// alert(username);
dojo.addOnLoad(function () {
var user = dojo.byId("username").value;
console.log(user);
});
</script>
</body>
</html>
2.byId
类似document.getElement
3.addOnLoad
window.onload() 方法用于在网页加载完毕后立刻执行的操作,即当 HTML 文档加载完毕后,立刻执行某个方法。
4.connect
监听普通的dom事件
-
dojo.connect(btn, "ondblclick", null , csl);
在csl
函数在connect之后 -
null
也可以写作想要传的值,在函数里面用this.
调用,例如:<script> function csl(event) { console.log(this);//data [1, 3, 4, 5] } dojo.addOnLoad(function () { var user = dojo.byId("username").value; var btn = dojo.byId("btn"); var data = [1, 3, 4, 5]; console.log(user); dojo.connect(btn, "ondblclick", data, csl); }); </script>