Mootools技术教程精选.docx

Mootools技术教程精选.docx

《Mootools技术教程精选.docx》由会员分享，可在线阅读，更多相关《Mootools技术教程精选.docx（49页珍藏版）》请在冰豆网上搜索。

Mootools技术教程精选

mootools框架

mootools框架【一】-Element篇:

方法完全解析

mootools--Element篇 

--内容:

 封装一些常用的 DOM 操作

（1）.直接可以在xhtml 中进行操作元素. 而不用嵌套在   

    //为页添加操作事件-domready.

    window.addEvent（"domready",function（）{//为btnSent添加单击事件.

   $（'btnSent'）.addEvent（'click',function（）{

       if（$（'txtContent'）.innerText==''）{

           alert（'发送内容不能空！

'）;

           return;

       }       

       //Default2.aspx虚构一个页面,其实是将数据暂存,然后提取并显示在messageBox中.

       varurl='Default2.aspx';

       varpostData=$（"postMessage"）.toQueryString（）;

       newAjax（url,{method:

'post',onComplete:

function（）{         

           $（'messageBox'）.innerHTML+=this.response.text;//这里的innerHTML方法可以用setHTML代替,因为innerHTML是DOM操作中用到的, setHTML是mootools框架中新定义的.

           }

       }）.request（postData）;

   }）;  }）;

auto;text-align:

center;">

650px;height:

700px;">