Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

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; Просмотров: 309; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.011 сек.