Основы использования JavaScript

Содержание

Слайд 2

Электронная Россия (2002-2010), ЭР-2004

Function


Слайд 4

Электронная Россия (2002-2010), ЭР-2004



Пожалуйста, введите информацию:

Электронная Россия (2002-2010), ЭР-2004 Пожалуйста, введите информацию:  Фамилия
bgcolor="#fff8bd" border=0 cellspacing=0 cellpadding=1>

 Фамилия

Слайд 5

Электронная Россия (2002-2010), ЭР-2004



 Имя

Электронная Россия (2002-2010), ЭР-2004  Имя  Отчество td>  Kaк с Вами связаться   


 Отчество



td> Kaк с Вами связаться  

Слайд 6

Электронная Россия (2002-2010), ЭР-2004

<


Электронная Россия (2002-2010), ЭР-2004
width="50%" align="left">






Слайд 7

Электронная Россия (2002-2010), ЭР-2004

If..else

если результат выражения имеет значение true, выполняются инструкции,

Электронная Россия (2002-2010), ЭР-2004 If..else если результат выражения имеет значение true, выполняются
расположенные в блоке if;
если результат выражения имеет значение false, выполняются инструкции, расположенные в блоке else. Если блок else не указан, выполнение программы переходит на следующий элемент после всего блокa if..else.

Слайд 8

Электронная Россия (2002-2010), ЭР-2004

if( Check())
Send();
else
Clear();

Электронная Россия (2002-2010), ЭР-2004 if( Check()) Send(); else Clear();

Слайд 9

Электронная Россия (2002-2010), ЭР-2004

if( Check())
{
alert('Отсылаем форму');
Send();
}
else

Электронная Россия (2002-2010), ЭР-2004 if( Check()) { alert('Отсылаем форму'); Send(); } else
{
alert('Очищаем форму');
Clear();
}

Слайд 10

Электронная Россия (2002-2010), ЭР-2004

function Check()
{
var doc = window.document;
if(

Электронная Россия (2002-2010), ЭР-2004 function Check() { var doc = window.document; if(
doc.forms[0].elements[0].value == '')
{
alert('Поля не могут быть пустыми');
return false;
}
else
return true;
}

Слайд 11

Электронная Россия (2002-2010), ЭР-2004

New

для создания нового объекта Date, который является встроенным

Электронная Россия (2002-2010), ЭР-2004 New для создания нового объекта Date, который является
объектом языка JavaScript;
для создания нового пользовательского объекта.

Слайд 12

Электронная Россия (2002-2010), ЭР-2004

varName = new objectName(params)
varName - имя переменной,

Электронная Россия (2002-2010), ЭР-2004 varName = new objectName(params) varName - имя переменной,
в которой будет храниться новая копия объекта;
objectName - имя объекта. При использовании встроенного объекта Date используется слово Date (с большой буквы!), при использовании пользовательских объектов - имена объектов;
params - один или более параметров, передаваемых при создании копии объекта.

Слайд 13

Электронная Россия (2002-2010), ЭР-2004

user = new someUser("Alex Fedorov");
alert( user.name);
function someUser(nameParam) {

Электронная Россия (2002-2010), ЭР-2004 user = new someUser("Alex Fedorov"); alert( user.name); function

this.name = nameParam;
return (this);
}

Слайд 14

Электронная Россия (2002-2010), ЭР-2004

Return

function Check()
{
var doc = window.document;
if(

Электронная Россия (2002-2010), ЭР-2004 Return function Check() { var doc = window.document;
doc.forms[0].elements[0].value == '')
{
alert('Поля не могут быть пустыми');
return false;
}
else
return true;
}

Слайд 15

Электронная Россия (2002-2010), ЭР-2004

This

для ссылки на текущую форму или интерфейсный элемент

Электронная Россия (2002-2010), ЭР-2004 This для ссылки на текущую форму или интерфейсный
в обработчике события (например, onClick или onSubmit);
для задания нового свойства в пользовательском объекте.

Слайд 16

Электронная Россия (2002-2010), ЭР-2004

onClick="test(this.form)"

Электронная Россия (2002-2010), ЭР-2004 onClick="test(this.form)" onClick="test(this)">
onClick="test(this)">

Слайд 17

Электронная Россия (2002-2010), ЭР-2004


JS - CP1197




Пример использования ключевого слова this

Слайд 18

Электронная Россия (2002-2010), ЭР-2004




onClick="myTest(this.form)">

Электронная Россия (2002-2010), ЭР-2004 onClick="myTest(this.form)"> onClick="myTest(this)">
onClick="myTest(this)">




Слайд 19

Электронная Россия (2002-2010), ЭР-2004

Var

var VariableName;
var VariableName = value;
VariableName - имя

Электронная Россия (2002-2010), ЭР-2004 Var var VariableName; var VariableName = value; VariableName
переменной;
value - значение, присваиваемое переменной.

Слайд 20

Электронная Россия (2002-2010), ЭР-2004

var someVar = 100;
function showVar()
{
alert(

Электронная Россия (2002-2010), ЭР-2004 var someVar = 100; function showVar() { alert( someVar); }
someVar);
}

Слайд 21

Электронная Россия (2002-2010), ЭР-2004

var someVar = 100;
function showLocalVar()
{
var someVar

Электронная Россия (2002-2010), ЭР-2004 var someVar = 100; function showLocalVar() { var
= 256;
alert( 'local var = ' + someVar);
showGlobalVar();
}
function showGlobalVar()
{
alert( 'global var = ' + someVar);
}

Слайд 22

Электронная Россия (2002-2010), ЭР-2004

While

loopCount = 0;
while( loopCount < 10)

Электронная Россия (2002-2010), ЭР-2004 While loopCount = 0; while( loopCount { document.write(
{
document.write( "LoopCount = " + loopCount + "
");
loopCount++;

Слайд 23

Электронная Россия (2002-2010), ЭР-2004

With

function Show()
{
with( document.forms[0].elements[0])
{
alert(

Электронная Россия (2002-2010), ЭР-2004 With function Show() { with( document.forms[0].elements[0]) { alert(
name);
alert( value);
}
}

Слайд 24

Электронная Россия (2002-2010), ЭР-2004

Объект Array


JavaScript. 12-97


<-- При загрузке документа показать сообщение N4 -->



Слайд 26

Электронная Россия (2002-2010), ЭР-2004


JavaScript. 12-97

Слайд 27

Электронная Россия (2002-2010), ЭР-2004


<-- При загрузке документа показать сообщение N4 -->


Электронная Россия (2002-2010), ЭР-2004

Слайд 28

Электронная Россия (2002-2010), ЭР-2004

Методы объекта Array

Электронная Россия (2002-2010), ЭР-2004 Методы объекта Array

Слайд 29

Электронная Россия (2002-2010), ЭР-2004


JavaScript. 12-97





Слайд 31

Электронная Россия (2002-2010), ЭР-2004

function test()
{
alert(myArray.join());
}

Электронная Россия (2002-2010), ЭР-2004 function test() { alert(myArray.join()); }

Слайд 32

Электронная Россия (2002-2010), ЭР-2004

function test()
{
alert(myArray.join(" _|_ "));
}

Электронная Россия (2002-2010), ЭР-2004 function test() { alert(myArray.join(" _|_ ")); }

Слайд 33

Электронная Россия (2002-2010), ЭР-2004

function test()
{
myArray.reverse();
alert(myArray.join(";"));
}

Электронная Россия (2002-2010), ЭР-2004 function test() { myArray.reverse(); alert(myArray.join(";")); }

Слайд 34

Электронная Россия (2002-2010), ЭР-2004

function test()
{
myArray.sort();
alert(myArray.join(";"));
}

Электронная Россия (2002-2010), ЭР-2004 function test() { myArray.sort(); alert(myArray.join(";")); }

Слайд 35

Электронная Россия (2002-2010), ЭР-2004

Создание многомерных массивов


JavaScript. 12-97


Multidimentional Array



Слайд 38

Электронная Россия (2002-2010), ЭР-2004

Объект Boolean

bfalse = new Вoolean(false);
btrue = new Вoolean(true);

Электронная Россия (2002-2010), ЭР-2004 Объект Boolean bfalse = new Вoolean(false); btrue = new Вoolean(true);

Слайд 39

Электронная Россия (2002-2010), ЭР-2004


JavaScript 12.97




Электронная Россия (2002-2010), ЭР-2004 // выведем строчные эначения document.write(bfalse.toString()+" "); document.write(btrue.toString()+" ");

Слайд 41

Электронная Россия (2002-2010), ЭР-2004

Объект Date

MyDate = new Dаtе([параметры]);
без параметров -

Электронная Россия (2002-2010), ЭР-2004 Объект Date MyDate = new Dаtе([параметры]); без параметров
экземпляр будет содержать текущую дату и время. Например, today = new Date();
строка, представляющая собой дату в следующем формате: "Месяц день, год часы:минуты:секунды". Например, someDate = new Date("May 15, 1996"). Если число часов, минут или секунд на указано, их значения равны 0;
набор целочисленных значений для года, меснца и дня. Например, otherDay = new Date( 96, 4, 15);
набор целочисленных значений для года, месяца, дня, часов, минут и секунд. Например, sameDay = new Date( 96, 4, 15, 15, 30, 0);

Слайд 42

Электронная Россия (2002-2010), ЭР-2004


JavaScript 12.97






Слайд 44

Электронная Россия (2002-2010), ЭР-2004

Методы объекта Date

методы установки (set) - методы для

Электронная Россия (2002-2010), ЭР-2004 Методы объекта Date методы установки (set) - методы
установки даты и времени у экземпляров объекта Date;
методы определения (get) - методы для определения даты и времени у экземпляров объекта Date;
методы преобразования (to) - методы для преобразования даты и времени в строки;
методы для обработки даты.

Слайд 45

Электронная Россия (2002-2010), ЭР-2004

Значения объекта Date

Электронная Россия (2002-2010), ЭР-2004 Значения объекта Date

Слайд 46

Электронная Россия (2002-2010), ЭР-2004


JavaScript 12.97






Электронная Россия (2002-2010), ЭР-2004 document.write("getMonth="+someDate.getMonth()+" "); document.write("getYear ="+someDate.getYear()+" ");

Слайд 48

Электронная Россия (2002-2010), ЭР-2004


JavaScript 12.97


Обратная связь
Для правообладателей
Email: Нажмите что бы посмотреть