Прототип - Обзор

Что такое прототип?

Prototype - это платформа JavaScript, которая призвана облегчить разработку динамических веб-приложений. Прототип был разработан Сэмом Стивенсоном.

Prototype - это библиотека JavaScript, которая позволяет вам управлять DOM очень простым и увлекательным способом, который также является безопасным (кросс-браузерный).

Scriptaculous и другие библиотеки, такие как Rico , построены на основе Prototype для создания виджетов и других материалов для конечных пользователей.

Prototype -

Расширяет элементы DOM и встроенные типы с помощью полезных методов.
Имеет встроенную поддержку ООП в стиле классов, включая наследование.
Имеет расширенную поддержку для управления событиями.
Имеет мощные функции Ajax.
Это не полная среда разработки приложений.
Не предоставляет виджеты или полный набор стандартных алгоритмов или систем ввода-вывода.

Как установить прототип?

Prototype распространяется в виде одного файла с именем prototype.js. Выполните следующие шаги, чтобы настроить библиотеку прототипов -

Перейдите на страницу загрузки (http://prototypejs.org/download/), чтобы скачать последнюю версию в удобном пакете.
Теперь поместите файл prototype.js в каталог вашего веб-сайта, например / javascript.

Теперь вы готовы использовать мощный фреймворк Prototype на своих веб-страницах.

Как использовать библиотеку прототипов?

Теперь вы можете включить скрипт прототипа следующим образом:

<html>
   <head>
      <title>Prototype examples</title> 
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
   </head>
   
   <body>
      ........
   </body>
</html>

пример

Вот простой пример, показывающий, как вы можете использовать функцию Prototype $ () для получения элементов DOM в вашем JavaScript:

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      
      <script>
         function test() {
            node = $("firstDiv");
            alert(node.innerHTML);
         }
      </script>
   </head>

   <body>
      <div id = "firstDiv">
         <p>This is first paragraph</p> 
      </div>
      
      <div id = "secondDiv">
         <p>This is another paragraph</p>
      </div>
      
      <input type = "button" value = "Test $()" onclick = "test();"/>
   </body>
</html>

Вывод

Зачем нужен этот учебник?

Очень хорошая документация по Prototype Framework доступна на prototypejs.org, тогда зачем обращаться к этому руководству!

Ответ заключается в том, что в этом руководстве мы собрали все наиболее часто используемые функции. Во-вторых, мы объяснили все полезные методы вместе с подходящими примерами, которых нет на официальном сайте.

Если вы опытный пользователь Prototype Framework, вы можете напрямую перейти на официальный веб-сайт, иначе это руководство может стать для вас хорошим началом, и вы можете использовать его как справочное руководство.