这里又是一个按钮，没有 behavior，而是使用 csss! 直接调用 aardio 全局函数！

需要注意：

• wbLayout = web.layout( mainForm //关键是在第二个参数里指定 _HL_HANDLE_METHOD_CALL 以捕获所有函数调用事件 ,0x80000000/*_HL_DISABLE_INITIALIZATION*/ | 0x200/*_HL_HANDLE_METHOD_CALL*/ )
• 在 css 中 #btn{active-on!:closeform();} /* csss!调用全局函数*/}
• wbLayout.closeform = function(){... 函数写在页面加载之前！

实例代码：

同（方法 4）一样用 div 定义了一个按钮；
也是给按钮指定了一个 behavior：mybtn 事件，
但是这个 behavior 不是 htmlayout 自带的，
所以呢我们就需要通过：

namespace web.layout.behavior.mybtn{
...
}

来指定这个 behavior 的事件，并应用到按钮上！

这就是传说中的 htmlayout 自定义 behavior 大法！！！
传说中掌握这个大法将无所不能！！！

实例代码:

实例说明：
这期，又是一个按钮，也是用的.onButtonClick 事件， (也可以用节点事件参照方法 3)
没有什么特别的，辣么会有什么区别呢？

这次我们是通过 div 来定义一个按钮，并指定 id 为 btn，
同时注意在 css 中，我们为#btn 绑定了 behavior：button 行为；
之前是用的 button 控件，自带特效，
现在我们通过把特效拿过来给 div，
效果也是一样一样的！！！

实例代码：

本节，我们通过节点给“按钮 close”节点单独加载.onButtonClick 事件，同时需要把对象事件通过.attachEventHandler() 发送给主程序进行监听。
代码示例：

target="\_blank" rel="nofollow noopener noreferrer"

在 htmlayout 的 css 中支持自定义 CSS 常量，这给我们做界面设计带来了更多可能。

了解过 less 的童鞋，应该对 CSS 常量定义非常熟悉。

需求分析：更换皮肤一般是需要改变界面的颜色、图片、样式，

而在 htmlayout 中绝大部分内容都可以使用 css 来控制，非常酷！

步骤：

首先我们来建立一个 red.css，用来存储红色皮肤需要的样式：

@const BGROUND: RED；   //定义背景色

@const   BORDER1, BORDER2 : 5px solid #FF0000;  //定义两个边框色

@const MY\_HATCH\_BACKGROUND  : repeat url(sb-scroll-base.png);  //定义滚动条图片

@const WIDTH\_EXPR: calc( 50% + 40px);  //定义宽度数值

@const INITIAL\_TEXT: "RED SKIN";       //定义文本内容