Нижегородский файловый портал
RSS - каналы
Главное меню
Категории каталога
Мои статьи [5]
Школа покера [5]
Софт [40]
Радиолюбителям и электрикам [8]
Интернет [167]
Система [89]
Комплектующие ПК [47]
Безопасность [56]
Программирование [18]
Веб-дизайнеру [5]
Игры [6]
Полезные советы [24]
Кулинария [1]
Телефония [10]
Мобильник [17]
Планшеты [14]
Медицина [5]
Работа [4]
Домашнему мастеру [0]
Строительство и ремонт [19]
Для сада и огорода [2]
Юмор и приколы [12]
Интересное [114]
Пластики [3]
Разное [238]
Мини-чат
Правила мини-чата



Мини-чат в окне
Погода в Нижнем
Яндекс.Погода
Главная » Статьи » Программирование

Онлайн-учебник JavaScript (Часть 5)
Урок № 6  Javascript функции

«Javascript функции» – шестой урок учебника JavaScript. В этом уроке мы обсудим основы создания и работы с функциями в JavaScript.

В предыдущих уроках нам уже доводилось создавать пользовательские функции, и не раз. Пришло время рассмотреть создание функций более подробно.

Функции в JavaScript. Основы

В любом языке программирования должен быть организован механизм работы с многократно повторяющимися частями кода, более известными, как функции. И JavaScript не является исключением. Итак, разберем особенности создания и использования функций JavaScript.
 
Создание функции в JS

Для создания функции используется оператор function:
 
function f1(a,b,...)
{
/* тело функции*/
}


Сразу после оператора function, в скобках следует перечисление передаваемых в функцию переменных. Затем, в фигурных скобках, располагается сама функция. Рассмотрим небольшой пример, который проверит тип переменной для нашей функции:

<script>
function ex7()
{
window.alert('тип переменной для нашей функции: '+typeof(ex7))
}
</script>


Саму функцию в JavaScript без труда можно поместить внутрь переменной следующим образом:

function ex7()
{
window.alert('тип переменной для нашей функции: '+typeof(ex7))
}
b=ex7();


Теперь наша функция содержится внутри переменной b и может быть вызванна путем вызова переменной b:

<input type="submit" value="проверить тип переменной для нашей функции"
onclick=b()>


Помимо присваивания функции переменной не сложно передать функцию, как параметр для другой функции:

<input type="submit" value="проверить тип переменной для нашей функции"
onclick=b(b)>


Функция, как объект в JavaScript

В JS любой тип данный представляется, как объект и функции не являются исключением.

А раз функция является объектом, то к ней могут быть применены различные методы, например метод toString(), позволяющий превратить функцию в обычную строку и затем вывести ее на экран, как это происходит в следующем примере:

function f_name(x,y)
{
return x – y;
}
document.write(
f_name.toString()+"<br>");
function f_name(x,y)
{
return x – y;
}

Представление функции, как объекта открывает поразительные возможности обработки и управления частями кода.



Урок № 7  Javascript объекты

«Объекты JavaScript» – седьмой урок учебника JavaScript. В этом уроке мы обсудим наиболее важные аспекты использования объектов JavaScript.

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

Основные Javascript объекты

Самым главным типом данных в JavaScript является объект. Умение работать с объектами и их методами невероятно важно при программировании на JS.
 
Прототип

Большая часть работы с объектами в JS сводится к работе со встроенными объектами, т.к. создание собственных объектов не является респектабельным ввиду того, что они смогут работать только в пределах одной единственной страницы.

Но если мы все–таки хотим добавить какое–либо новое свойство к уже существующему объекту, то нам потребуется конструктор объектов prototype:

String.prototype.out = new Function("a", "a.write(this)");

...

"Привет!".out(document);
Привет!

В этом примере мы создали новое свойство для объекта string, которое позволяет вывести на экран содержимое самой строки, без использования дополнительных операторов.

Единственное, что следует помнить при создании дополнительных свойств объектов – то, что эти свойства могут быть использованы в коде только после создания этого свойства конструктором объектов, но никак не до.

Методы объекта Object

Object — это объект языка JavaScript и следовательно, у него могут быть методы. Таких методов мы рассмотрим три:

    toString()
    valueOf()
    assign()


Метод toString() осуществляет преобразование объекта в строку символов. Он используется в JavaScript–программах повсеместно, но неявно. Например, при выводе числа или строковых объектов.

Аналогично ведет себя и метод valueOf(). Этот метод позволяет получить значение объекта. В большинстве случаев он работает подобно методу toString(), особенно, если нужно выводить значение на страницу.

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

object = value; <=> object.assign(value);


Теперь мы изучили достаточно для того, чтобы перейти к по–настоящему серьезным и интересным вещам, на которые способен JavaScript. Все изученное нами до этого носило поверхностный характер и служило для более глубокого и полного понимания особенностей работы этого языка программирования. Но теперь мы готовы к следующему шагу...

Советую Вам внимательно вспомнить все изученное Вами до этого, потому что в следующем уроке мы начнем изучать принципы работы с окнами в JavaScript.



Урок № 8  Работа с окнами

«Работа с окнами» – восьмой урок учебника JavaScript. В этом уроке мы обсудим основные приемы работы с окнами, используемыми в JavaScript, которые позволяют создавать и управлять отображением окон.

Группа объектов, относящихся к классу Window является самой старшей в JS.

Объект Window создается в тот момент, когда производится открытие окна в браузере, а все остальные объекты порождаются после, тем самым являясь свойствами объекта window.

Окна в JavaScript. Поле STATUS

Поле статуса указывает на текущее состояние браузера, такое как выполнение загрузки страницы, готовность перейти по определенной ссылке, наличие ошибок на странице и многое другое. Поле статуса у разных браузеров может работать с определенными особенностями, но оно всегда будет расположено в самом низу окна.

При програмировании поля статуса используются 2 свойства:

    window.status;
    window.defaultStatus
;

Никаких хитростей тут нет. Браузер, как и все остальное в этом мире, может иметь только 2 состояния:

    что–то происходит
    ничего не происходит


Для описания каждого из этих состояний и используются window.status и window.defaultStatus.

Программируем window.status


Window.status отображает сообщения о событиях, которые происходят в настоящий момент, например отображает URL–адрес в тот момент, когда курсор мыши проходит над ссылкой.

Ниже приведена простейшая программа, которая заменяет стандартное сообщение в поле статуса во время прохождения курсора мыши над ссылкой:

<A HREF="" onMouseover="window.status='КУРСОР НАВЕДЕН НА ССЫЛКУ';
return true;"
onMouseout="window.status='КУРСОР ОТВЕДЕН С ССЫЛКИ';
return true;">
ССЫЛКА
</A>

Строка return true дает браузеру понять, что действие было совершенно успешно. В противном случае браузер будет выполнять команды по умолчанию.

Программируем window.defaultStatus

window.defaultStatus позволяет задать текст в поле статуса в тот момент, когда не происходит никаких действий.

Для этого документа задан следующий window.defaultStatus:

<BODY onLoad="window.defaultStatus='ДОКУМЕНТ ПОЛНОСТЬЮ ЗАГРУЖЕН';">

Сообщение 'ДОКУМЕНТ ПОЛНОСТЬЮ ЗАГРУЖЕН' Вы можете видеть в настоящий момент.

Поле window.location

Поле window.location отображает URL текущего документа. Проще говоря это адресная строка браузера, куда Вы вводите адрес сайта. JavaScript позволяет производить различные манипуляции над этим полем, позволяя тем самым управлять загрузкой страниц без ведома пользователя.

Итак, разберемся с основными свойствами и методами для этого поля.
 
Свойства

Основными свойствами для поля location являются:

    window.location.href – url адрес
    window.location.protocol – используемый протокол
    window.location.hostname – доменное имя
    window.location.port – используемый порт
    window.location.pathname – необходимая директория

Методы

Методы работы с полем location позволяют напрямую управлять загрузкой и перезагрузкой страниц. Приведем пример:

<script>
function ex0()
{
window.location.reload(true);
}
function ex1()
{
window.location.replace('#top');
}
</script>
<form name="">
<input type="submit" name="" value="перезагрузка страницы" onclick=ex0()>
<input type="submit" value="Наверх страницы"
onclick=ex1()>
</form>

Таким образом, Вы можете убедиться, что JavaScript позволяет программисту полностью управлять поведением браузера, изменяя его стандартные алгоритмы поведения на необходимые программисту.

Но в работе с окнами существует еще множество особенностей, которые Вам необходимо знать, например создание нового окна, задание приоритетов отображения и т.д. О них мы поговорим в следующих уроках.

Добавил: Админ-21NN | Просмотров: 2463 | Рейтинг: 5.0/1


Обратите Ваше внимание на другие статьи:

Уважаемые пользователи, пожалуйста, оставляйте комментарии! Нам очень важно Ваше мнение!
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.

    
Меню пользователя
Аватар гостя

Приветствуем Вас, Гость

Логин:
Пароль:
Поиск по сайту
Поиск по названию
Поиск по тегам
Горячие темы форума
Зарабатываем деньги
Детская игра Подарки...
Тест скорости подклю...
кое что о Windows
Кто ты, человек?
Новая валюта портала
Все о сексе
"Что мешает нам...
Культура
Афоризмы
Лучшие 13 анекдотов ...
как защитить свой ко...
поговорим о софте
восстановление данны...
Я ненавижу Дом-2
Волга-Телеком
Кулинария "Кокт...
Стол заказов
Жалобы
С Днем Победы!!!
Прикольные картинки
С праздником Пасхи !...
Статистика
Новых за месяц: 151
Новых за неделю: 46
Новых вчера: 6
Новых сегодня: 4
Всего: 5314
Из них:
Администраторов: 3
$$$-Модераторов: 1
Модераторов: 3
Прокураторов: 3
-----------------
далее:
Проверенных: 247
Пользователей: 2884
Новичков: 1880
Заблокированных: 100
-----------------
Из всех пользователей:
Мужчин и парней: 4153
Женщин и девушек: 1160
Именинники
Поздравляем с Днем рожденья:

nadyuwa(30), grisha1617(32), ДЕН21(41), матрос(28), panteley51(66), Kriv_Alex_Yur2(28), 220zc88(28), dannyx(22)
Режим ON-LINE
Онлайн всего: 4
Гостей: 4
Пользователей: 0

Сейчас на портале:
Наша кнопочка
Нижегородский файловый портал

HTML-код кнопки:
Реклама
Размещение рекламы

Яндекс.Метрика
Регистрация сайта в каталогах, раскрутка и оптимизация сайта, контекстная реклама Ремонт холодильников в Нижнем Новгороде

Copyright © BankRemStroy © 2009-2017