Веб-программирование

Обучение программированию

Делаете первые шаги в программировании? Представляем вашему вниманию пошаговое обучение самостоятельного создания сайтов любой сложности на примерах! На страницах сайта KobRU вы найдете все самое необходимое, для того чтобы по праву считаться веб-мастером по созданию привлекательных динамически изменяемых интернет-страниц, используя основные инструменты веб-разработчиков: HTML; CSS; PHP; MySQL; JAVASCRIPT и другие. Сайт KobRU - наиболее полное и качественно структурированное руководство с предельно понятными пояснениями и поэтапным изложением материала, который поможет вам в совершенстве овладеть искусством программирования. Добавьте динамики и интерактивность в свои веб-проекты!

Вход в личный кабинет

Забыли пароль?

Не зарегистрированны?


Конструкторское Web-бюро

7.1 Пользовательские функции

Представьте, что вы пишете скрипт и вам нужно применить не одну, а несколько команд для решения часто возникающих задач или требований. В этом случае удобно использовать пользовательские функции. Почему пользовательские? В языке программирования JavaScript, как и в других языках, есть встроенные функции, с некоторыми из них вы уже знакомы, например, alert() или document.write(). На самом деле встроенных функций очень много, но порой для написания программы бывает и такое, что даже их не хватает. Тогда вы можете создать собственные функции, именуемые пользовательскими. Чтобы создать пользовательскую функцию нужно соблюдать следующий синтаксис:
function Имя функции  (параметры через запятую)   {произвольные действия};
1. Пишем ключевое слово function в нижнем регистре;
2. Произвольно обзываем нашу функцию, например function functionName () {};
3. В круглых скобках записываем (параметры через запятую, которые необязательны и понимаемые как переменные);
4. В фигурных скобках {желаемый javascript код} и точка с запятой в конце
Давайте попробуем создать простую пользовательскую функцию без входных параметров:

Более подробно...


7.2 Область видимости переменных

При работе с пользовательскими функциями, во избежании конфликта переменных важно учитывать область их видимости. Если вы программируете код внутри функции и определяете в ней некую переменную, то такая переменная будет видна только внутри этой функции. Как правило, такую переменную называют локальной. Та переменная, которая расположена в основной программе - глобальная. Давайте попробуем создать две одинаковые переменные, но по разные стороны баррикад:

Запустить!
var a = 'переменная СНАРУЖИ!'; // создаем глобальную переменную a
 
function hey(a) {
alert(a);
};
hey('переменная ВНУТРИ! (локальная)');
 
alert(a); // выводим глобальную переменную a

Более подробно...


8.01 Работа с объектами javascript

Все, что вы видите на Web-странице - это набор элементов и объектов разных типов (окно браузера, документ, массив, кнопки, формы, текст, рисунки и т.п.). К примеру, вы сейчас смотрите эту страницу в окне браузера, которое представляет собой объект window. В нем находится HTML-документ, являющийся объектом document, который в сою очередь содержит множество разных элементов страницы - заголовки, абзацы, кнопки, формы, текст, ссылки и многое другое. Итак, первый основной объект - document (такие объекты еще называют объектами верхнего уровня - window, document, form). Предположим у нас на странице есть несколько картинок. Первая картинка будет характеризоваться как images[0], вторая - images[1], и т.д. Дело в том, что объекты автоматически добавляются под порядковыми номерами в той последовательности, в какой они определялись в коде Web-страницы. Таким образом мы можем вытащить нужную картинку под определенным номером следующим образом document.images[i], где под i подставляем нужный индекс изображения. Более подробно мы поговорим об этом позже.
Важно заметить тот факт, что каждый объект JavaScript имеет свои свойства и методы!

Более подробно...


8.02.1 Встроенный объект String

В javascript работа со строками является привычным делом, так как это самый обычный тип данных. Существует не мало методов воздействия на объект String (строка). Первым делом определим переменную строкового типа с произвольным значением:

Запустить!
var someName = 'JavaScript рулит!';
alert(typeof(someName)); // для достоверности определим тип переменной someName

Как видите, все очень просто и знакомо - мы инициализировали нашу переменную someName строкой с помощью кавычек (кавычки можно использовать как одинарные, так и двойные).

Более подробно...


8.02.2 Объект String (продолжение)

Метод indexOf()

Один из способов поиска строки - indexOf(), который осуществляет поиск с указанным параметром, и возвращает индекс первого вхождения этой строки:

Запустить!
var question = 'Вы знаете английский язык?';
var searchText = question.indexOf('английский');
alert(searchText);

В нашем случае обнаруженная строка английский начинается с 11 символа, но так как индексация в строках имеет схожий принцип с построением в массиве, то индекс (а) будет равен 10. Метод возвращает начальную позицию этой найденной строки, т.е. число 10.

Более подробно...


Первая Предыдущая 1 2 3 4 5 6 7 8 9 10 Следующая Последняя


Метки раздела JavaScript

Основы web программирования, var javascript, javascript функции, javascript обучение, javascript простые примеры, html javascript, javascript примеры, javascript random, уроки сайтостроения, java script, регулярные выражения, appendchild javascript, javascript бесплатно, javascript document write, javascript справочник, javascript примеры.