Основы использования JavaScript презентация

Содержание

Слайд 1Лекция # 4
Основы использования JavaScript

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

// Функция для отсылки формы

на сервер
function SendForm()
{
if( Check()) window.document.forms[0].submit;
}
// Функция для проверки содержимого формы
function Check()
{
var doc = window.document;

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

if( doc.forms[0].elements[0].value == '' ||

doc.forms[0].elements[1].value == '' ||
doc.forms[0].elements[2].value == '')
{
alert( 'Поля не могут быть пустыми');
return false;
}
еlse
return true;
}


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



Пожалуйста, введите

информацию:












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

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

<





 Фамилия

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



 Имя

size=35 value="" name="mainname">
 Отчество




Слайд 7Электронная Россия (2002-2010), ЭР-2004
If..else
если результат выражения имеет значение true, выполняются

инструкции, расположенные в блоке if;
если результат выражения имеет значение false, выполняются инструкции, расположенные в блоке else. Если блок else не указан, выполнение программы переходит на следующий элемент после всего блокa if..else.

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

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


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

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

Send();
}
else
{
alert('Очищаем форму');
Clear();
}

Слайд 10Электронная Россия (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, который является

встроенным объектом языка JavaScript;
для создания нового пользовательского объекта.

Слайд 12Электронная Россия (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)

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

Слайд 14Электронная Россия (2002-2010), ЭР-2004
Return
function Check()
{
var doc =

window.document;
if( doc.forms[0].elements[0].value == '')
{
alert('Поля не могут быть пустыми');
return false;
}
else
return true;
}

Слайд 15Электронная Россия (2002-2010), ЭР-2004
This
для ссылки на текущую форму или интерфейсный

элемент в обработчике события (например, onClick или onSubmit);
для задания нового свойства в пользовательском объекте.

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

VALUE="Test"
onClick="test(this)">

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


JS - CP1197

function myTest(obj)
{

alert(obj.name);
return;
}




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

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





VALUE="Test2"
onClick="myTest(this)">




Слайд 19Электронная Россия (2002-2010), ЭР-2004
Var
var VariableName;
var VariableName = value;
VariableName -

имя переменной;
value - значение, присваиваемое переменной.

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

var someVar = 100;
function showVar()
{

alert( someVar);
}

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

var someVar = 100;
function showLocalVar()
{

var someVar = 256;
alert( 'local var = ' + someVar);
showGlobalVar();
}
function showGlobalVar()
{
alert( 'global var = ' + someVar);
}

Слайд 22Электронная Россия (2002-2010), ЭР-2004
While
loopCount = 0;
while( loopCount

10)
{
document.write( "LoopCount = " + loopCount + "
");
loopCount++;

Слайд 23Электронная Россия (2002-2010), ЭР-2004
With
function Show()
{
with( document.forms[0].elements[0])

{
alert( name);
alert( value);
}
}

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

JavaScript. 12-97

// создание нового массива

allStr = new Array(5);
// заполнение массива
allStr[0] = "Message #1";
allStr[1] = "Message #2";
allStr[2] = "Message #3";
allStr[3] = "Message #4";
allStr[4] = "Message #5";

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

// функция для отображения элемента массива
function showMsg(ndx)

{
alert(allStr[ndx]);
}


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



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


JavaScript. 12-97

// создание нового массива и его

заполнение
allStr = new Array("Message #1", "Message #2", "Message #3",
"Message #4", "Message #5");
// функция для отображения элемента массива
function showMsg(ndx)
{
alert(allStr[ndx]);
}

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



onLoad="showMsg(3);">


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

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


JavaScript. 12-97

myArray = new Array("Mother", "Father",

"Sister", "Brother",
"Uncle");
function showElement(ndx)
{
alert(myArray[ndx]);
}
function showAll()
{

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

for( i = 0; i

i++)
{
showElement(i);
}
}





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

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

onLoad="test();">


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

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

}

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

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


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

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

}

Слайд 35Электронная Россия (2002-2010), ЭР-2004
Создание многомерных массивов

JavaScript. 12-97


Multidimentional Array

a = new Array(4);
for( i=0; i < 4; i++)
{
a[i] = new Array(4);
for( j=0; j < 4; j++)

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

{
a[i][j] = "["+i+","+j+"]";

}
}
for( i=0; i < 4; i++)
{
str = "Row "+i+":";
for( j=0; j < 4; j++)

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

{
str += a[i][j];

}
document.write( str, "
");
}




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

Вoolean(true);

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


JavaScript 12.97


// создадим две булевых переменных

bfalse = new Вoolean(false);
btru = new Вoolean(true);
// выведем их значения (булевы значения)
document.write(bfalse.valueOf()+"
");
document.write(btrue.valueOf()+"
");

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

// выведем строчные эначения
document.write(bfalse.toString()+"
");
document.write(btrue.toString()+"
");




Слайд 41Электронная Россия (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



today = new Date();
document.write("today="+today+"
");

someDate = new Date("May 16, 1996");
document.write("someDate="+someDate+"
");

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

otherDay = new Date( 96, 4, 15);

document.write("otherDay="+otherDay+"
");
sameDay = new Date( 96, 4, 16, 15, 30, 0);
document.write("sameDay="+sameDay+"
");




Слайд 44Электронная Россия (2002-2010), ЭР-2004
Методы объекта Date
методы установки (set) - методы

для установки даты и времени у экземпляров объекта Date;
методы определения (get) - методы для определения даты и времени у экземпляров объекта Date;
методы преобразования (to) - методы для преобразования даты и времени в строки;
методы для обработки даты.

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

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


JavaScript 12.97




someDate = new Date( "May

15, 1996");
document.write("someDate="+someDate+"
");
document.write("getDay ="+someDate.getDay()+"
");

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

document.write("getMonth="+someDate.getMonth()+"
");
document.write("getYear ="+someDate.getYear()+"
");




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


JavaScript 12.97







today = new Date();
//

задать дату
endYear = new Date("December 31, 1990");
// поменять год
endYear.setYear(today.getYear());
// вычислить число миллисекунд в дне

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

msPerDay = 24 * 60 * 60

* 1000;
// получить число дней
daysLeft = (endYear.getTime() - today.getTime()) / msPerDay;
// округлить
daysLeft = Math.round(daysLeft);
// показать
document.write("Number of days left in the year: "+daysLeft);




Похожие презентации

Литьё под давлением 406
Возведение зданий и сооружений новыми инновационными технологиями 226
ЛЕКЦИИ 274
О модернизации учета электроэнергии 366
Smeshariki Hack and Fakt 185
Переробка та утилізація відходів нафтопереробної галузі 460

Обратная связь

Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.

Для правообладателей

Яндекс.Метрика