Марк Кан - Основы программирования на JavaScript
Название: | Основы программирования на JavaScript | |
Автор: | Марк Кан | |
Жанр: | Учебники и самоучители по компьютеру, Современные российские издания, Литература ХXI века (эпоха Глобализации экономики), Программирование: прочее, Java, Java Script | |
Изадано в серии: | неизвестно | |
Издательство: | неизвестно | |
Год издания: | - | |
ISBN: | неизвестно | |
Отзывы: | Комментировать | |
Рейтинг: | ||
Поделись книгой с друзьями! Помощь сайту: донат на оплату сервера |
Краткое содержание книги "Основы программирования на JavaScript"
Курс посвящен изучению языка программирования JavaScript. JavaScript является языком сценариев (скриптов), который применяют в основном для создания на Web-страницах интерактивных элементов. Его можно использовать для построения меню, проверки правильности заполнения форм, смены изображений или для чего-то еще, что можно сделать на Web-странице.
Читаем онлайн "Основы программирования на JavaScript". [Страница - 5]
Чтобы увидеть эту концепцию в действии, напишем две простые функции счета:
function counting1(){
var count = 0;
count++;
alert(count);
}
var count = 0;
function counting2(){
count++;
alert(count);
}
Если запустить этот пример в браузере и щелкнуть на каждой кнопке несколько раз, то можно заметить, что counting1 всегда выдает одно и то же значение, 1. counting2, с другой стороны, выдает увеличивающееся число. Почему это происходит? Посмотрим просто сначала на counting1. Можно видеть, что каждый раз при выполнении counting1 прежде всего создается переменная count и ее значение задается равным 0. В следующей строке переменная count увеличивается на 1.
Оператор ++ пока еще не встречался. count++ просто увеличивает count на 1. Другими словами, это в точности то же самое, что написать count += 1 или count = count + 1. Поскольку увеличение на 1 является в программировании очень распространенным действием, то для него существует специальный оператор. Аналогично оператор – - вычитает 1 из переменной: count--.
Каждый раз, когда функция counting1 выполняет alert(count), она сообщает значение новой переменной count , которое только что было определено как 0+1.
Теперь посмотрим на counting2. Можно видеть, что переменная count в этом случае находится вне функции. Даже до вызова этой функции значение count задано как 0. При вызове counting2 прежде всего происходит увеличение переменной count на 1. Так как мы не восстанавливаем значение count в 0, как в случае counting1, то переменная count продолжает сохранять свое значение, и все происходит, как и предполагалось.
Теперь читатель получил общее понимание некоторых фундаментальных понятий программирования и JavaScript, в частности. В следующей лекции будут рассмотрены циклы и формы.
Лекция 3. Формы и циклы
Основы работы с полями форм и с функциями циклов.В предыдущей лекции были рассмотрены операторы if/else, основы проверки и функций. Если в ходе дальнейшего чтения возникнут какие-то вопросы, то имеет смысл еще раз прочитать предыдущую лекцию.
Мы знаем теперь, как проверять данные, но при создании кода JavaScript обычно требуется проверять не оставшееся количество воображаемых яблок. Одной из наиболее общих областей применения JavaScript являются поля формы. Предположим, например, что имеется простая контактная форма. Иногда требуется убедиться, что пользователь ввел в форму свое имя или что он выбрал как минимум одну радио-кнопку для вопроса. Вот пример такой формы:
Имя: Ваш любимый цвет: Синий Желтый
Красный Черный
Зеленый Другой
Фамилия:
Адрес Email:
Отправить форму Очистить форму Зафиксировать форму на месте
Ниже представлен код этой формы. Он приведен только для иллюстрации.
<form name="tutform" onsubmit="return noform();" class="codesnip"
style="background-color:#FFF;z-index:10;">
<table width="100%">
<tr>
<td>Имя:</td>
<td><input name="firstname"></td>
<td>Ваш любимый цвет:</td>
<td rowspan="3" valign="top">
<input type="radio" name="color" value="blue">Синий<br />
<input type="radio" name="color" value="red">Красный<br />
<input type="radio" name="color" value="green">Зеленый
</td>
<td rowspan="3" valign="top">
<input type="radio" name="color" value="yellow">Желтый<br />
<input type="radio" name="color" value="black">Черный<br />
<input type="radio" name="color" value="other">Другой
</td>
</tr>
<tr>
<td>Фамилия:</td>
<td><input name="lastname"></td>
</tr>
<tr>
<td>Адрес Email:</td>
<td><input name="email"></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="Отправить форму">
<input type="reset" value="Очистить форму"></td>
<td colspan="3" align="right"><button id="lockbutton"
onclick="swapLock();return false;">Зафиксировать форму на месте</button></td>
</tr>
</table>
</form>
Прежде всего необходимо узнать, как создать объект JavaScript, который ссылается на форму. Любую форму на странице можно указать с помощью конструкции document.forms. Если имеется форма с именем tutform, то к ней можно обратиться следующим образом: document.forms.tutform.
Книги схожие с «Основы программирования на JavaScript» по жанру, серии, автору или названию:
Сергей Александрович Нестеров - Основы информационной безопасности: Учебное пособие Жанр: Учебники и самоучители по компьютеру Год издания: 2022 Серия: Учебники для вузов. Специальная литература |