- •Лекции по JavaScript Что такое javascript?
- •Среда разработки программ JavaScript
- •Что умеет javascript?
- •Переменные
- •Типы переменных
- •Массивы Создание
- •Аргументы
- •Описание, примеры
- •Методы объекта Array
- •Многомерные массивы
- •Объект Boolean
- •Объект Number
- •Объект Math
- •Объект String
- •Основы работы со строками
- •Использование кавычек
- •Встроенные функции
- •Строки и числа
- •Преобразование «Число → строка»
- •Преобразование «Строка → число»
- •Объект Date
- •Объект Global
- •Операторы и операции Операторы Javascript
- •Оператор break
- •Оператор comment
- •Оператор continue
- •Перебор свойств, кроме унаследованных
- •Оператор function
- •Оператор if...Else
- •Оператор return
- •Оператор var
- •Оператор while
- •Оператор with
- •Логические операторы
- •Операции сравнения
- •Арифметические операции
- •Битовые операции
- •Логические операции
- •Строковые операции
- •Операции присваивания
- •Прочие операции Условная операция
- •Операция запятая
- •Операция delete
- •Операция in
- •0 In langs // возвращает true
- •4 In langs // возвращает false Операция instanceof
- •Операция new
- •Операция this
- •Операция typeof
- •Операция void
- •Порядок выполнения операций
- •Функции
- •Функции - объекты
- •Области видимости
- •Параметры функции
- •Работа с неопределенным числом параметров
- •Пример передачи функции по ссылке
- •Пример использования:
- •Сворачивание параметров в объект
- •Объекты, свойства и методы Основные понятия
- •Объект JavaScript
- •Создание объектов с помощью инициализатора
- •Создание объектов с помощью конструктора
- •Создание методов
- •Изменение прототипа объекта
- •Удаление объектов
- •Вывод информации в строку состояния
- •Объект location
- •Проигрывание wav-файлов
- •Плавное изменение цвета фона документа html
- •Объект window.
- •Динамическое изменение страницы
- •Прокручивание документа
- •Параметры
- •Закрывающий тег
- •Аргументы
- •Значение по умолчанию
- •Параметр alt Описание
- •Значение по умолчанию
- •Параметр value Описание
- •Синтаксис
- •Параметры
- •Закрывающий тег
- •События
- •Когда использовать
- •Через свойство объекта
- •Основные события javascript
- •If (условие)
- •Способы открытия нового окна с помощью js
- •Модальное окно
- •X: 1, // добавляем свойство
- •Установка веб-сервера Apache и средств программирования под Windows
- •Что такое хостинг и где взять место под страницу.
- •Объектная Модель. Детали.
- •Языки на базе классов и языки на базе прототипов
- •Определение класса
- •Подклассы и наследование
- •Добавление и удаление свойств
- •Отличия. Резюме.
- •Пример Employee
- •Создание иерархии
- •Свойства объекта
- •Наследование свойств
- •Добавление свойств
- •Более гибкие конструкторы
- •И снова о наследовании свойств
- •Локальные и наследуемые значения
- •Определение взаимоотношений экземпляров
- •Глобальная информация в конструкторах
- •Нет множественного наследования
Лекции по JavaScript Что такое javascript?
JavaScript — язык программирования с объектно-ориентированными возможностями. Особенностью языка является то, что все переменные в нем является объектами.
Разработан в 1996 году в компании Netscape. На сегодняшний день является популярнейшим средством написания сценариев, выполняющихся на стороне клиента, то есть сценариев, которые не требуют подключения внешних интерпретаторов и сервера — программный код считывается браузером и реализуется на компьютере пользователя. Поддержка JavaScript обычно включена в настройках современных браузеров по умолчанию.
Следует отметить, что несмотря на схожесть в названии с языком программирования Java, они не имеют ничего общего и разработаны различными компаниями.
Идея клиентского JavaScript заключается в возможности управления значениями атрибутов HTML разметки и свойствами отображаемой среды web-страницы.
JavaScript обыкновенно встраивается непосредственно в HTML документ, добавляя web-странице интерактивности, что делает ее привлекательной для посетителей и удобной для просмотра.
Для изучения программирования на языке JavaScript необходимо знать основы HTML.
Javascript - скриптовый язык, предназначенный для создания интерактивных веб-страниц.
Javascript не требуется компилировать, он подключается к HTML-странице и работает "как есть".
Javascript - НЕ java, а совсем другой язык. Он похоже называется, но не более того. У javascript есть свой стандарт: ECMAScript,
Javascript похож на Python, Ruby, Self.
Среда разработки программ JavaScript
В качестве редактора создания программы можно использовать простой текстовый редактор, типа Блокнот, входящий в Windows. Однако удобнее пользоваться специальными редакторами, например, NetBeans. Для того, чтобы написать программу на JavaScript в NetBeans нужно сначала создать проект, или воспользоваться уже готовым проектом.
Обычный текст в JavaScript выводится следующим образом:
<html>
<body>
<script type="text/javascript">
document.write("Привет Мир!");
</script>
</body>
</html>
Вывод текста в JavaScript при помощи HTML тегов:
<html>
<body>
<script type="text/javascript">
document.write("<h1>Привет мир!</h1>");
</script>
</body>
</html>
JavaScript вывод текста с кавычками:
Текстовые значения выделяются одинарными или двойными кавычками. В случае если выводимый текст содержит кавычки, их необходимо экранировать с помощью обратного слэша \.
<html>
<body>
<script type="text/javascript">
document.write("Профессор Ивченко сказал: \
"Запомните! Мелочи решают все\".");
</script>
</body>
</html>
Если не использовать backslash, результатом вывода будет: Профессор Ивченко сказал:.
Что умеет javascript?
Изменять страницу, писать на ней текст, добавлять и удалять теги, менять стили элементов.
Реагировать на события: скрипт может ждать, когда что-нибудь случится (клик мыши, окончание загрузки страницы) и реагировать на это выполнением функции.
Выполнять запросы к серверу и загружать данные без перезагрузки страницы. Это иногда называют "AJAX".
Устанавливать и считывать cookie, валидировать данные, выводить сообщения и многое другое.
Программы на javascript можно писать в любом текстовом редакторе, лишь бы только он вносил как можно меньше служебной информации, например о цвете шрифта, типе, о форматировании текста, и т.п. Программа исполняется браузером.
Когда браузер читает HTML-страничку, и видит тег <script> - он первым делом читает и выполняет код, а только потом продолжает читать страницу дальше.
<html>
<body>
<h1> Эта надпись сделана с помощью HTML</h1>
<script language="javascript">
//а эта надпись будет сделана с помощью JavaScript
document.write('Здравствуй, МИР!');
</script>
</body>
</html>
Код между тегами <script language="javascript"> и </script> называется сценарием. В коде может присутствовать несколько тегов <script>. Если используется только один язык сценариев, то нет нужды указывать его каждый раз.
<html>
<body>
<h1> Эта надпись сделана с помощью HTML</h1>
<script language="javascript">
//а эта надпись будет сделана с помощью JavaScript
document.write('Пишем в документ');
alert("Пишем во вспомогательное окно");
</script>
</body>
</html>
<html>
<body>
<script type="text/javascript">
<!--
document.writeln("<pre>Привет!");
document.writeln("Привет!");
document.writeln("Привет!");
document.writeln("Привет! </pre>");
// -->
</script>
</body>
</html>
Форматирование
<html>
<head>
<script type="text/javascript">
<!--
document.write("Привет Мир!"+"<BR>");
document.write("Привет Мир!".fontsize("6").italics().fontcolor("green")+"<BR>");
document.write("<span style='color:red;font:16px Tahoma;'>Hello, World!</span>");
//-->
</script>
</head>
</html>
Очистка текущего документа
Метод clear() объекта document очищает текущий документ. Этот метод также очищает вашу программу (вместе с остатками документа), поэтому будьте очень осторожны тогда, когда вы употребляете это метод:
document.clear();
Конструкции
Точка с запятой
Как и во многих языках, предложения на языке javascript можно разделять точкой с запятой. Но при переходе на новую строку в javascript точка с запятой становится необязательна, ее можно не ставить. Эти две строки полностью эквивалентны:
a = 5
a = 5;
В javascript перевод строки почти всегда подразумевает точку с запятой. В частности, многие новички сталкиваются с ошибками при многострочных присваиваниях и вызовах. Вот так не будет работать:
var a = "длинная
строка "
Так как перевод строки подразумевает точку с запятой, и javascript поймет это как
var a = "длинная;
строка ";
То есть, сообщит о незавершенной строке (unterminated literal) в первой строчке этого примера. Или, например, следующие два примера кода эквивалентны:
return
result;
то же самое, что и
return;
result;
и совсем не то же, что
return result
В обоих случаях будет возвращено значение undefined (это значение возвращает любая функция, где нет оператора return, либо оператор return вызван без аргумента), а не result.
Чтобы многострочные операторы работали как надо - перенос строки можно указывать обратным слешем "\", вот так:
var a = "длинная \
строка "
return \
result;
Блоки
Блоки задаются фигурными скобками.
Локальные переменные объявляются при помощи var. Причем, в отличие от C/Java, сам по себе блок не задает отдельную область видимости.
var i = 0
{
var i=5
alert(i) // 5
}
alert(i) // тоже 5