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

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

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, вы можете напрямую перейти на официальный веб-сайт, иначе это руководство может стать для вас хорошим началом, и вы можете использовать его как справочное руководство.