今天开始MooTools系列教程的第4讲。如果你还没有看过上一讲,请先查看上一篇教程《Mootools 1.2教程(3)——数组使用简介》。今天我们先不讲MooTools,而是讲一讲JavaScript中的函数(function)的基本知识。
但是,为了符合MooTools这个主题,你需要知道在哪里该使用MooTools的函数。此前,我们已经在我们的所有示例代码中,把代码都放在domready方法中。当我们需要把它放在domready的外面时,我们使用了函数(function)。在你在domready里面调用函数之前,函数并不会被执行。
一般来说,一种比较好的方式是尽可能地把你的函数代码都放在页面之外的某一个地方,然后通过JavaScript应用来调用它们。当你只是写代码玩玩,可能把所有的东西写在一个页面上更容易一些。在这个教程中,我们使用下面的约定:
[url=http://www.consideropen.com/downloads/30days_of_moo/mootorial_day4_functions.zip]下载包含你学习所需要的所有东西的zip包[/url][/b]
包含MooTools 1.2核心库、一个外部JavaScript文件、一个简单的html页面和一个css文件。
[b]更多关于JavaScript函数的内容[/b]
[url=http://www.quirksmode.org/js/function.html]JavaScript函数上的Quirksmode(怪异模式)[/url]
[i]我没有很好的关于JavaScript函数的资源,如果有人知道的话请告诉我。[/i]
[b]有关示例的文档[/b]
[list]
[*][url=http://docs.mootools.net/Utilities/DomReady]Utilities/DomReady[/url]
[/*][*][url=http://docs.mootools.net/Native/Number#Number:toInt]Number.toInt()[/url]
[/*][*][url=http://docs.mootools.net/Native/Number#Number:limit]Number.limit()[/url]
[/*][*][url=http://docs.mootools.net/Native/Array/#Array:rgbToHex]Array.rgbToHex()[/url]
[/*][*][url=http://docs.mootools.net/Element/Element.Style#Element:setStyle]Element.setStyle()[/url]
[/*][*][url=http://docs.mootools.net/Element/Element.Event#Element:addEvent]Element.addEvent()[/url][/*][/list]