📅  最后修改于: 2020-10-22 06:26:36        🧑  作者: Mango

MooTools的完整形式是“我的面向对象的工具”。它是一个面向对象的轻量级JavaScript框架。它是根据免费的开源MIT许可证发布的。它是最受欢迎的JavaScript库之一。在本教程中，我们将逐步介绍MooTools及其功能。听众本教程适用于愿意通过简单的步骤学习MooTools(JavaScript库)的软件专业人员。本教程将使您对各种MooTools概念有很好的理解。先决条件我们假设读...

📅  最后修改于: 2020-10-22 06:26:58        🧑  作者: Mango

MooTools是一个面向对象的轻量级JavaScript框架。 MooTools的完整形式是“我的面向对象的工具”。它是根据免费的开源MIT许可证发布的。它是最受欢迎的JavaScript库之一。MooTools是功能强大的轻量级JavaScript库。它在Web开发中创建了JavaScript的轻松交互。作为CSS扩展，它还可以做很多事情。 MooTools具有各种漂亮的扩展，使您能够创建动画...

📅  最后修改于: 2020-10-22 06:27:17        🧑  作者: Mango

MooTools是一个功能强大的JavaScript库，用于使用面向对象的范例设计DOM对象。本章说明如何与JavaScript一起安装和使用MooTools库。要安装MooTools库，请按照以下步骤操作-步骤1：下载MooTools Core和MooTools More库您可以从以下链接MooTools-Core和MooTools-More下载最新版本的MooTools Core和MooToo...

📅  最后修改于: 2020-10-22 06:27:33        🧑  作者: Mango

MooTools是可用于设计面向对象模型的工具。让我们在本章中讨论MooTools库的简单示例。例在这里，我们将使用Class设计一个名为Rectangle的模型。为此，我们需要声明属性-宽度和高度。查看以下代码，并将其保存到sample.html中。您将收到以下输出-输出...

📅  最后修改于: 2020-10-22 06:28:11        🧑  作者: Mango

选择器用于选择HTML元素。每当您要制作交互式网页时，都需要从该网页中选择一些数据或操作。选择器帮助我们通过来自元素的HTML请求接收数据。基本选择器（＆dollar;）＆dollar;是MooTools中的基本选择器。使用此选项，您可以通过其ID选择DOM元素。例如，假设您有一个名为body_id的HTML元素（例如div）。如果要选择此div，请使用以下语法-句法getElement（）get...

📅  最后修改于: 2020-10-22 06:28:58        🧑  作者: Mango

MooTools是一个轻量级的JavaScript库，可帮助创建动态网页。在管理DOM元素时，我们需要选择网页的所有DOM元素。可以使用数组处理此集合。本章介绍如何使用数组来管理DOM元素。each（）方法这是处理数组的基本方法。它遍历列表中的所有元素。您可以根据需要使用此方法。例如，如果要选择页面的所有div元素，请遵循以下脚本。看看下面的HTML页面，其中包含多个div。您可以使用以下脚本从页...

📅  最后修改于: 2020-10-22 06:29:26        🧑  作者: Mango

MooTools中的功能是JavaScript的概念。我们已经知道如何在JavaScript中使用函数。通常，最好将函数保留在脚本标记的页面主体之外。在MooTools中，我们遵循相同的模式。在这里，您可以根据需要设计自己的函数。现在，我们必须在domready函数调用所有用户定义的函数。查看以下语法，了解如何在MooTools中使用广义函数。句法基本结构有几种在MooTools中定义函数的基本方...

📅  最后修改于: 2020-10-22 06:30:08        🧑  作者: Mango

像选择器一样，事件处理也是MooTools的基本概念。此概念用于创建事件和事件的动作。我们还需要掌握这些行为及其效果。让我们尝试本章中的一些事件。左键单击Web开发中最常见的事件是单击鼠标左键。例如，超链接识别一次单击事件，并带您到另一个DOM元素。第一步是向DOM元素添加click事件。让我们以向按钮添加click事件为例。当您单击该按钮时，它将显示一条消息。例您将收到以下输出-输出当您单击按钮...

📅  最后修改于: 2020-10-22 06:30:43        🧑  作者: Mango

我们已经知道每个HTML页面都是使用DOM元素设计的。使用MooTools，您可以操纵DOM元素，这意味着您可以创建，删除和更改DOM元素的样式。基本方法以下是捕获并帮助修改DOM元素属性的基本方法。得到（）此方法用于检索元素属性，例如src，值，名称等。以下语句是get方法的语法。句法使用get（）方法检索元素时，您将收到以下属性列表。ID名称值hrefsrcclass（如果元素将返回所有类）文...

📅  最后修改于: 2020-10-22 06:31:13        🧑  作者: Mango

MooTools提供了一些特殊方法来设置和获取DOM元素的样式属性值。我们使用不同的样式属性，例如宽度，高度，背景颜色，字体粗细，字体颜色，边框等。通过为这些样式属性设置并获取不同的值，我们可以呈现不同样式的HTML元素。设置和获取样式属性MooTools库包含用于设置或获取特定样式属性或多个样式属性的值的不同方法。setStyle（）此方法允许您为DOM元素的单个属性设置值。此方法将对特定DOM...

📅  最后修改于: 2020-10-22 06:32:17        🧑  作者: Mango

MooTools可以过滤用户输入，并且可以轻松识别输入类型。基本输入类型为数字和字符串。数字功能让我们讨论一些检查输入值是否为数字的方法。这些方法还可以帮助您操纵数字输入。toInt（）此方法将任何输入值转换为整数。您可以在变量上调用它，它将尝试从变量包含的内容中给出正整数。让我们以设计网页的示例为例，该网页包含一个文本框和一个名为TO INT的按钮。该按钮将检查并以实整数形式返回您在文本框中输入...

📅  最后修改于: 2020-10-22 06:33:15        🧑  作者: Mango

MooTools提供了一项强大的功能，可帮助您将拖放功能添加到网页元素中。我们可以通过创建自己的新Drag.Move对象来实现。使用该对象，您可以定义选项和事件。 Drag和Drag.Move类来自MooTools More库。让我们讨论Drag.Move对象的选项和事件。拖动移动Drag.Move是用于将拖放功能添加到html元素的对象。 Drag.Move扩展了Drag，因此我们可以使用Dra...

📅  最后修改于: 2020-10-22 06:34:20        🧑  作者: Mango

MooTools提供了一种创建和使用正则表达式（regex）的方法。本教程将解释正则表达式的基础知识和极端用法。让我们讨论一些正则表达式的方法。测试（）test（）是一种用于使用输入字符串测试正则表达式的方法。虽然JavaScript已经提供了RegExp对象以及test（）函数，但MooTools向RegExp对象添加了更多功能。让我们举个例子，了解如何使用test（）方法。看一下下面的代码。例...

📅  最后修改于: 2020-10-22 06:34:41        🧑  作者: Mango

MooTools提供了支持期刊的选项。这样，它可以以相同级别的时间频率定期调用函数。让我们讨论一下期刊的方法和特点。期刊（）此方法用于以相同的时间频率水平定期提高函数。一开始我们需要定义一些东西。第一个是您定期运行的函数，第二个是您要提高函数频率的数字值（以毫秒为单位测量的数值）。让我们举一个例子说明一个函数如何每100毫秒执行一次。看一下下面的代码。例您将收到以下输出-输出元素作为第二变量定期函...

📅  最后修改于: 2020-10-22 06:35:19        🧑  作者: Mango

滑块是一种功能，可在滑动旋钮或任何按钮时反映动作。您可以在定义元素，处理程序，选项和回调事件时创建自己的滑块。让我们讨论更多有关滑块的信息。创建一个新的滑块我们首先必须为滑块选择合适的HTML元素。考虑基本概念时，div元素最适合滑块，因为使用div可以创建子元素。现在，我们必须为这些div设置CSS，以使div结构成为理想的滑块。在此，父div用于滑块，子div用于旋钮。现在，我们必须将这些di...