Внутренние стили
Внутренний стиль являются по существу расширением для одиночного тега используемого на веб-странице. Для определения стиля используется атрибут style, а его значения указываются с помощью языка таблицы стилей (пример 8).
Пример 8. Использование внутренних стилей
Рекомендуется использовать внутренний стиль для одиночных тегов или отказаться от его использования вообще, поскольку изменение ряда элементов становится проблематичным.
25.Внедрение сценариев в html - документ. Примеры.
Клиентские скрипты (или сценарии) предоставляют средства усиления интерактивности документов HTML. Например:
Скрипты могут выполнятся во время загрузки документа и динамически изменять его содержимое.
Скрипты могут выполнятся при возникновении события, оказывающего влияние на документ (например, при перемещении мыши).
Скрипты могут использоваться при обработке вводимых в формы данных (для проверки корректности вводимых значений или для динамического заполнения полей).
Способы встраивания JavaScript кода в страницы сайта:
использование событий (размещение внутри тега HTML-документа);
контейнер <SCRIPT>…</SCRIPT> в теле программы или внутри заголовка;
подключение кода, размещенного в отдельном файле.
Контейнер <SCRIPT>…</SCRIPT>
Тексты на JavaScript записываются непосредственно в HTML документе с помощью специальных тегов и имеют вид
<SCRIPT LANGUAGE = "javascript"> <!- - команды //- -> </SCRIPT>
где <!- - . . . //- -> - текст в виде комментария. Браузеры, не имеющие JavaScript- обработчиков, просто игнорируют комментарий, а современные браузеры исполняют команды.
Размещение в отдельном файле
Код JavaScript также можно разместить в отдельном файле с расширением .js и подключить его к основному HTML-документу. Для этого в теге <SCRIPT> указывается атрибут src со значением, соответствующим адресу файла со сценарием JavaScript.
Например:
<SCRIPT SRC="Text.js"> </SCRIPT>
Для управления HTML-страницами и их элементами JavaScript использует объектную модель документов DOM (Document Object Model).
Структура объектов браузера имеет один корень – объект window, который обладает рядом свойств: history, document, frames и т.д. В свою очередь, объект document содержит ряд семейств (forms, images, links и т.д.), свойств (bgColor,linkColor и т.д.) и методов (open, write, writeln и т.д.). Каждый элемент семейства images, links, forms и т.д. имеет свой порядковый номер, нумерация начинается с нуля (кроме номера можно задавать уникальное имя элемента с помощью атрибута name, например: name=”imya”). Для обращения к какому-либо элементу необходимо указать window, затем document, затем, например, images[3] или images[“imya”]: window.document.images[3] (или window.document.images[“imya”]). Так как объект window является самым старшим, то его можно опускать (автоматически подразумевается, что объект принадлежит текущему окну).
Объекты появляются после загрузки документа браузером или как результат работы программы. Каждый объект характеризуется набором методов, свойств и возможных событий.
Свойства объектов соответствуют атрибутам определенных тегов; их использование позволяет получить или изменить характеристики окна браузера, загруженных документов и элементов HTML-страницы. Например, к свойствам изображения относятся src, width, height и т. д. То есть, значения атрибутов элементов и есть свойства объектов.
Методы объекта представляют собой действия, которые могут быть выполнены по отношению к данному объекту. Например, одним из методов объекта document является write, который помещает в документ определенный текст. Примерами других методов являются открытие и закрытие окон, нажатие кнопок.
В JavaScript определены методы для вывода стандартных окон. Это самый простой способ вывести сообщение или получить информацию от посетителя.
alert выводит на экран окно с сообщением и приостанавливает выполнение скрипта, пока пользователь не нажмет «ОК».
Синтаксис: alert(сообщение);
Пример:
alert(‘Сообщение’);
Окно сообщения, которое выводится, является модальным окном. Слово «модальное» означает, что посетитель не может взаимодействовать со страницей, нажимать другие кнопки и т.п., пока не разберется с окном. В данном случае - пока не нажмет на «OK».
prompt выводит модальное окно с заголовком title, полем для ввода текста, заполненным строкой по умолчанию default и кнопками OK/CANCEL.
Функция prompt принимает два аргумента: result = prompt(title, default);
Пользователь должен либо что-то ввести и нажать OK, либо отменить ввод кликом на CANCEL или нажатием ESC на клавиатуре.
Вызов prompt возвращает то, что ввел посетитель - строку или специальное значение null, если ввод отменен.
Пример:
var years = prompt('Сколько вам лет?', ‘100’);
alert('Вам ' + years + ' лет!')
Обратите внимание, что для объединения частей сообщения используется знак «+».
confirm выводит окно с вопросом question с двумя кнопками: OK и CANCEL.
Синтаксис: result = confirm(question);
Результатом будет true при нажатии OK и false - при CANCEL(Esc).
Например:
var isAdmin = confirm("Вы - администратор?");
alert(isAdmin);
Команды в программах на языке JavaScript разделяются точкой с запятой.
Оператор присвоения обозначается «=».
Переменные
Для объявления (создания) переменной используется ключевое слово var.
Пример:
var message;
После объявления, можно записать в переменную данные:
Пример:
var message;
message = 'Привет';
Для краткости можно совместить объявление переменной и запись данных:
Пример:
var message = 'Привет';
var num = 100500;
На имя переменной наложены два ограничения:
Имя может состоять из: букв, цифр, символов $ и _
Первый символ не должен быть цифрой.
Регистр букв имеет значение: переменные apple и AppLE - две разные переменные.