Dojo.js---(1)[byId,addOnLoad,connect]

298 阅读1分钟

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>