摘要: ajax在我们前台的开发中是非常重要的,所以我们单独拿出一节课来讲述,首先我们看一下mootools的ajax构成语法: var myRequest=new Request([参数]);参数: url - (string:默认是null) 要请求的URL. data - (string:默认是空) 默认要请求或发送的数据. link - (string:默认是'ignore') 可为'ignore','cancel','chain'. 'ignore' - 当请求正在执行之中时,新的请求将被忽略 'canc 阅读全文
posted @ 2011-11-14 20:51 已經停更 阅读(5168) 评论(0) 推荐(1)
摘要: Mootools提供了很多的事件,例如click,keydown,change等,当然了除了这些事件之外我们还可以定义自己的事件以达到不同的需求,下边我分别定义了三个不同的事件:1.按住Shift键点击鼠标左键触发事件: Element.Events.shiftclick ={ base:'click', condition:function(event){ return (event.shift == true); } }; document.getElement('body').addEvent('shi... 阅读全文
posted @ 2011-11-14 19:01 已經停更 阅读(1906) 评论(0) 推荐(0)
摘要: Mootools的类型主要包含下边几部分:String:字符串;Number:数字;Array:数组;Object:对象;Json:;Cookie:.这也是我们今天的讲述重点.每一种数据类型Mt都为其扩展了自己的方法,这一点通过我为大家提供的Editplus素材文件就能看的出来,因为涉及的方法比较多,所以我就挑选几个常用的方法给大家讲解一下,其他没有讲到的方法请大家自行查阅素材文件内的说明和示例. 这部分的用法很简单,你只需要知道自己现在正在操作的是什么数据类型,知道了数据类型之后要知道mt为该类型数据的操作都提供了哪些可供我们使用的方法即可,如果你不能确认自己现在操作的是什么类型的数据... 阅读全文
posted @ 2011-11-14 12:53 已經停更 阅读(3590) 评论(3) 推荐(2)
摘要: 如果你曾经是jquery的写手,而又不想学mootools的语法格式的话,我们可以修改一下mootools的语法格式让其语法格式和jq完全相同,这样你就不但不必在学习mt的语法了,同时还可以体验到mt的优点,在这种状况下我们可以做到不改变jquery已有的任何语句只修改一下对js框架的调用即可(即把对jquery.js的调用换成对mootools.js的调用),保证网站不会出错,听起来是挺唬人.实际上完全能做得到. Mootools有强大的扩展机制,这种机制允许我们随意定制Mootools的语法格式,这是一个好消息,不好的消息是如果想把jquery的语法格式改成mt那打死也做不到,废话不... 阅读全文
posted @ 2011-11-14 02:48 已經停更 阅读(1453) 评论(4) 推荐(0)
摘要: 当然了,所谓的给函数扩展功能或方法指的是不修改原函数的前提下.很多人都知道Mootools面向对象的机制不错,不过多数人都把面向对象理解错了,认为面向对象就是类,其实不然,面向对象的范围是非常广的.那么我的这篇文章实际上就是面向对象的一种应用,只不过这个对象是一个function,而并非class.//给指定Function扩展新的方法或属性var Fun=function(){ alert('a')};Fun.extend({ aa:function(){ alert('b'); }});Fun();Fun.aa();在上边这段代码中函数Fun唯一的用途就是用 阅读全文
posted @ 2011-11-14 02:15 已經停更 阅读(1760) 评论(0) 推荐(0)
摘要: 我们先来看一下下边的代码:function Fun(){ this.setStyle('color', 'red');};Fun();上边的函数我想实现的功能是给函数所对应的对象this设置css属性,然后我在调用函数的时候并未传递给这个函数任何对象,那么此时this应该对应的对象时window那如果我要操作指定的某个节点该怎么做呢?看下边传统的方式:function Fun(o){ o.setStyle('color', 'red');};Fun($('id'));这是一种最传统的做法,要求我们在调用函数的时候传 阅读全文
posted @ 2011-11-14 01:31 已經停更 阅读(1113) 评论(0) 推荐(0)
摘要: 这是一种最简单的用法:(function(){ alert('one second later...');}).delay(1000);这个函数会在1秒之后自动被执行我们看一下delay这个函数的实现方法:delay: function(delay, bind, args){ return setTimeout(this.pass((args == null ? [] : args), bind), delay);}很显然,它是使用了setTimeout来实现的,那么既然如此我们就可以清理他,下边是实现方法:var Fun=function(msg){ alert('f 阅读全文
posted @ 2011-11-14 01:19 已經停更 阅读(2811) 评论(0) 推荐(1)