Latest web development tutorials
×

JavaScript курс

JavaScript курс JavaScript Краткое введение JavaScript использование JavaScript экспорт JavaScript грамматика JavaScript Заявления JavaScript примечание JavaScript переменная JavaScript Типы данных JavaScript объекты JavaScript функция JavaScript сфера JavaScript событие JavaScript строка JavaScript операторы JavaScript сравнить JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Тип преобразования JavaScript Регулярные выражения JavaScript ошибка JavaScript отладка JavaScript Переменный лифт JavaScript Строгий режим JavaScript ненадлежащее использование JavaScript Аутентификация с помощью форм JavaScript Зарезервированные ключевые слова JavaScript JSON JavaScript void JavaScript Спецификация Код

JS функция

JavaScript определение функции JavaScript Аргументы функции JavaScript вызов функции JavaScript Затворы

JS HTML DOM

DOM Краткое введение DOM HTML DOM CSS DOM событие DOM EventListener DOM элемент

JS Расширенный учебник

JavaScript объекты JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp объекты

JS браузер BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript поп JavaScript Timed событие JavaScript Cookies

JS кладезь

JavaScript кладезь JavaScript тест jQuery JavaScript тест Prototype

JS примеров

JavaScript примеров JavaScript экземпляр объекта JavaScript экземпляр объекта Browser JavaScript HTML DOM примеров JavaScript резюме

JS справочное руководство

JavaScript объекты HTML DOM объекты

JavaScript Тестирование прототипа

Тестирование JavaScript библиотека рамок - Прототип


Список литературы Прототип

Для тестирования библиотеки JavaScript, вы должны ссылаться на него на веб-странице.

Чтобы обратиться к библиотеке, используйте тег <SCRIPT>, чей атрибут SRC установлен в библиотеку URL:

Список литературы Прототип

<!DOCTYPE html>
<html>
<head>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
</head>
<body>
</body>
</html>


Прототип Описание

Прототип обеспечивает функции позволяют HTML DOM программирование проще.

Подобно Jquery, прототип также имеет свою функцию самостоятельно $ ().

$ () Функция принимает значение ID HTML DOM элемент (или элемент DOM), и добавит новые функции к объекту DOM.

Различные с JQuery, прототип не заменить window.onload () готов () метод. Вместо этого Прототип будет добавить расширение к браузеру и HTML DOM.

В JavaScript можно назначить функцию для обработки события окна загрузки:

Метод JavaScript:

function myFunction()
{
var obj=document.getElementById("h01");
obj.innerHTML="Hello Prototype";
}
onload=myFunction;

Эквивалент Прототип отличается:

Режим Прототип:

function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);

Event.observe () принимает три параметра:

  • Вы хотите иметь дело с HTML DOM или BOM (Browser Object Model) объектов
  • Событие вы хотите обрабатывать
  • Функция вы хотите позвонить

Тестирование прототипа

Пожалуйста, попробуйте следующий пример:

пример

<!DOCTYPE html>
<html>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
<script>
function myFunction()
{
$("h01").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>

Попробуйте »

Пожалуйста, попробуйте еще раз в этом примере:

пример

<!DOCTYPE html>
<html>
<script
src="http://apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
<script>
function myFunction()
{
$("h01").writeAttribute("style","color:red").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>

Тест >>

Как вы можете видеть в приведенном выше примере, такой же, как JQuery, Prototype позволяет синтаксис цепи.

Ссылка (выстраивание) представляет собой способ выполнения нескольких задач по этой же теме удобным способом.