Информатика и выч. техника \ Информатика

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

</form>

</body>

</html>

Документ 01.html

<html>

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, которые посетил пользователь, Например:

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 – индекс элемента. Определяет порядок, в котором отображается элемент в группе

1 2 3 4 5 6 7 8 9 10 11 12

Скачать файл