InnerHTML

Динамическое формирование документа

Циклы

Проверка на вхождение числа в диапазон

Проверка, является значение числовым

Проверка на вхождение подстроки

Проверка на пустоту.

Проверка корректности введенных данных

Условный оператор

Строки

Массивы

Объекты

Массивы объявляются следующим образом:

var A=new Array(4)

Обращение к массивам выполняется по индексу:

A[0]=10

A[1]=A[0]+5

Пример. Формирования массива цветков

var Flowers=new Array(4)

Flowers[0]=Ромашка

Flowers[1]=Ландыш

Flowers[2]=Роза

Flowers[3]=Тюльпан

Зачастую используются параллельные массивы.

Например, в данном случае можно в параллельном массиве указывать цвета данных цветков.

var Colors=new Array(4)

Colors[0]=Белый

Colors[1]=Белый

Colors[2]=Красный

Colors[3]=Красный

Пример использования.

Строки объявляются следующим образом:

var S=new String()

Методы:

indexOf() - определяет номер первого вхождения подстроки в строку. Если вхождения нет, функция возвращает -1.

Пример.

var S=new String()

S="индустриализация"

I=S.indexOf("@") \\ результат -1, т.к. нет вхождения символа @ в строку S

L=S.indexOf("н") \\ результат 1

if (<условие>)

{<операторы>}

[else

{<операторы>}]

Пример.

if (obj.value=="") {alert("Строка пуста"); return false}

Одна из основных областей применения данного оператора – проверка корректности введенных данных.

Часто возникает задача проверить данные на пустоту.

Если это строковые данные,

if (str1==””)

{alert(“Введите данные в поле1”)}

Если это объект.

if (object1)

{alert(“Загрузите объект”)}

if ((s.indexOf("@")==-1)||(s.indexOf(".")==-1)) {alert ("e-mail введен неправильно")}

if (isNaN(p1)||isNaN(p2)) {alert ("Данные должны быть числовыми")}

if (x1<0 || x1>100) {alert ("Значение должно быть в диапазоне от 0 до 100")}

Примеры.

Синтаксис.

for (нач. выр.; условие продолжения; выр. обновления)

{ операторы }

Примеры.

1. Нахождения суммы всех чисел от 1 до 9.

s=0

for (var i=1; i<=9; i++)

{s=s+i}

2. Нахождение минимального элемента массива.

imin=0

for (var i=1; i<=N; i++)

{if (A[i]<A[imin]) {imin=i}}

alert ("imin ="+imin+"; min="+A[imin])

В данном параграфе рассматриваются варианты динамического формирования документа: изменения области текущего документа с помощью InnerHTML (позволяет добавлять теги HTML в область) либо формирование нового с помощью методов window.open(создает новое окно) document.write (пишет HTML-код в документ)

Данный метод позволяет динамически изменять область документа. В рассматриваемых примерах применяется к текстовым блокам (DIV, P), но может применяться и к другим элементам HTML-разметки.

Примеры.

Где-то в теле документа (BODY) есть область документа, названная D1: <DIV id=D1>...

InnerHTML позволит изменять данную область

D1.InnerHTML="Привет" // Напишет "Привет".

D1.InnerHTML=D1.InnerHTML+"Привет" //Будет каждый раз добавлять "Привет".

D1.InnerHTML=D1.InnerHTML+<IMG SRC="sun.jpg">+<BR>+"Привет"+<BR>//Будет каждый раз добавлять рисунок и на //новой строке "Привет".

Пример.

Window и Document:

Методы Window.

open - Создание нового окна

open(<файл страницы>,<идентификатор окна>,<параметры>)

Пример. Window.Open("page1.htm","page1","width=400, height=300")

close - Закрытие окна

alert - вывод сообщения.

Методы Document

write - создание нового документа

close - закрытие потока

Пример.

Дата добавления: 2014-01-07