mootools框架入门教程 简单.docx

mootools框架入门教程 简单.docx

《mootools框架入门教程 简单.docx》由会员分享，可在线阅读，更多相关《mootools框架入门教程 简单.docx（47页珍藏版）》请在冰豆网上搜索。

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;">