laszlo方法的两种不同写法

一，使用全局的方法

<canvas width="500" height="200">
  <script>
    // Moves the second window twenty pixels to the right
    //
    function moveWindow() {
      var increment = 20;
      var originalX = canvas.windowTwo.getAttribute('x');
      var newX = originalX + increment;
      canvas.windowTwo.setAttribute('x', newX);
    }
  </script>
  <window x="100" y="30" 
          title="Window 2" name="windowTwo">
    <text>This is the second window.</text>
  </window>
  <window x="20" y="20" width="150"
          title="Simple Window">
    <button text="My button" 
              οnclick="moveWindow();"/>
  </window>
</canvas>

二,在元素内部定义方法，通过使用<method name="XXX"></method>,然后在onclick事件上面只要指定

				这个方法的name属性即可.

<canvas width="500" height="200">
  <window x="100" y="30" 
          title="Window 2" name="windowTwo">
    <text>This is the second window.</text>
  </window>
  <window x="20" y="20" width="200"
          title="Simple Window">
    <button text="My button" οnclick="this.moveWindow()">
      <!-- Moves the second window twenty pixels 
           to the right -->
      <method name="moveWindow">
        var increment = 20;
        var originalX = this.parent.parent.windowTwo.getAttribute('x');
        var newX = originalX + increment;
        this.parent.parent.windowTwo.setAttribute('x', newX);
      </method>
    </button>
  </window>
</canvas>