JAVAScript как универсальное средство создания интерактивных Web-страниц, страница 8

</form>

</body>

</html>

Документ 01.html

<html>

<script language='javascript'>

var c = new String(document.location.search);

var a = c.split('&');

var b = a[0].split('=');

var d = a[1].split('=');

document.writeln("<body>");

document.writeln("<h2>Hello, "+b[1]+" "+d[1]+"!</h2>");

document.writeln("</body>");

</script>

</html>

3.3. Объект history

Объект historyсодержит информацию о посещавшихся до настоящего момента  сайтах и о порядке их посещения. 

Этот объект имеет единственное свойство length, возвращающее число URL, содержащихся в объекте, а также три метода forward(), back()иgo(), которые осуществляют навигацию по следующему, предыдущему и указанному URL. Метод go() имеет синтаксис:

Object.go(delta | location)

где delta – относительный номер URL (например, go(-1) эквивалентно действию метода back()); location – строка, представляющая собой URL из списка объекта.

3.3.1. Гиперссылка с функцией возврата

Для того чтобы создать гиперссылку, которая работает как кнопка Back обозревателя, достаточно воспользоваться объектом history, хранящим информацию об URL, которые посетил пользователь, Например:

<a href = "javascript: history.back()">Back</a>

3.4. Объект style

Объект style инкапсулирует в себе все стили элемента, устанавливаемые при помощи каскадной таблицы стилей или атрибута style.

Свойства объекта style

Свойство

Описание

background

Цвет фона

backgroundAttachment

Определяет, должен ли рисунок прокручиваться вместе с документом

backgroundColor

Цвет фона

backgroundImage

Фоновое изображение

backgroundPosition

Позиция фонового изображения

backgroundPositionX

Абсцисса фонового изображения

backgroundPositionY

Ордината фонового изображения

backgroundRepeat

Повторяемость фонового изображения

border

Граница элемента

borderBottom

Нижняя граница элемента

borderBottomColor

Цвет нижней границы элемента

borderBottomStyle

Стиль нижней границы элемента

borderBottomWidth

Ширина нижней границы элемента

borderColor

Цвет границы элемента

borderLeft

Левая граница элемента

borderLeftColor

Цвет левой границы элемента

borderLeftStyle

Стиль левой границы элемента

borderLeftWidth

Ширина левой границы элемента

borderRight

Правая граница элемента

borderRightColor

Цвет правой границы элемента

borderRightStyle

Стиль правой границы элемента

borderRightWidth

Ширена правой границы элемента

borderStyle

Стиль границы элемента

borderTop

Верхняя граница элемента

borderTopColor

Цвет верхней границы элемента

borderTopStyle

Стиль верхней границы элемента

borderTopWidth

Ширина верхней границы элемента

borderWidth

Ширена границы элемента

clear

Вертикальное пространство для выравнивания текста вокруг графического изображения. Допустимые значения: all, left, right и none

clip

Определяет ту часть элемента, которая будет видна

color

Цвет текста

cssText

Таблица стилей, явно заданная внутри тега

cursor

Вид курсора

display

Определят, будет ли отображатся элемент на экране. Допустимые значения: none, block

filter

Любой фильтр для элемента

font

Шрифт

fontFamily

Семейство шрифта

fontSize

Размер шрифта

fontStyle

Стиль шрифта. Допустимые значения: italic, normal и oblique

fontVariant

Прописные или строчные буквы

fontWeight

Полужирный шрифт. Значение 400 соответствует нормальному шрифту, а 700 – полужирному. Для промежуточных значений система обычно автоматически начинает наиболее близкое начертание

height

Высота в абсолютных единицах или процентах

left

Абсцисса левого верхнего угла элемента

letterSpacing

Дополнительное расстояние между буквами в слове

lineHeight

Расстояние между базовыми линиями двух соседних строк

listStyle

Свойства списка

listStyleImage

Изображение, используемое совместно с элементами списка

listStylePosition

Стиль маркера списка

listStyleType

Стиль элемента списка

margin

Поле элемента

marginBottom

Нижнее поле элемента

marginLeft

Левое поле элемента

marginRight

Правое поле элемента

marginTop

Верхнее поле элемента

paddingBottom

Пустое пространство между элементом и его нижней границей

paddingLeft

Пустое пространство между элементом и его левой границей

paddingRight

Пустое пространство между элементом и его правой границей

paddingTop

Пустое пространство между элементом и его верхней границей

pageBreakAfter

Переход на следующую страницу после элемента

pageBreakBefore

Переход на страницу, находящуюся перед элементом

pixelHeight

Высота элемента в пикселях

pixelLeft

Абсцисса верхнего левого угла элемента в пикселях

pixelTop

Ордината верхнего левого угла элемента в пикселях

pixelWidth

Ширина элемента в пикселях

posHeight

Высота элемента, основанная на типе позиционирования

position

Тип позиционирования, используемый для элемента. Допустимые значения: absolute, relative

posLeft

Абсцисса верхнего левого угла элемента, основанная на типе позиционирования

posTop

Ордината верхнего левого угла элемента, основанная на типе позиционирования

posWidth

Ширена элемента, основанная на типе позиционирования

styleFloat

Определяет, будет ли изображение двигаться

textAlign

Горизонтальное выравнивание текста

textDecoration

Декоративное оформление текста, например, подчеркивание

textDecorationBlink

Мигающий текст

textDecorationLineThrough

Перечеркнутый текст

textDecorationNone

Текст без декоративного оформления

textDecorationOverline

Линия над текстом

textDecorationUnderline

Подчеркнутый текст

textIndent

Красная строка

textTransform

Трансформация текста

top

Ордината левого верхнего угла элемента

verticalAlign

Вертикальное выравнивание элемента

visibility

Управляет видимстью элемента

width

Ширина элемента

zIndex

z – индекс элемента. Определяет порядок, в котором отображается элемент в группе