Учебники

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

Сентябрь 15, 2018

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

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

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

Прототип —

  • Расширяет элементы DOM и встроенные типы полезными методами.

  • Имеет встроенную поддержку ООП в стиле класса, включая наследование.

  • Имеет расширенную поддержку управления событиями.

  • Имеет мощные функции Ajax.

  • Не является полной структурой разработки приложений.

  • Не предоставляет виджеты или полный набор стандартных алгоритмов или систем ввода / вывода.

Расширяет элементы DOM и встроенные типы полезными методами.

Имеет встроенную поддержку ООП в стиле класса, включая наследование.

Имеет расширенную поддержку управления событиями.

Имеет мощные функции Ajax.

Не является полной структурой разработки приложений.

Не предоставляет виджеты или полный набор стандартных алгоритмов или систем ввода / вывода.

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

Прототип распространяется в виде одного файла с именем prototype.js. Для настройки библиотеки прототипов выполните следующие шаги:

  • Перейдите на страницу загрузки (http://prototypejs.org/download/), чтобы получить последнюю версию в удобной упаковке.

  • Теперь поместите файл prototype.js в каталог вашего сайта, например, / javascript.

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

Теперь поместите файл prototype.js в каталог вашего сайта, например, / javascript.

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

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

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

45
Share: