Web-технологияныњ ±ѓымдары


Үй беті     CSS демонстрациясы         Үй беті



жүктеу 0.63 Mb.
бет2/4
Дата12.09.2017
өлшемі0.63 Mb.
түріКонспект
1   2   3   4

Үй беті

   
CSS демонстрациясы

 

 



   

Үй беті

   
CSS демонстрациясы

 

Құжаттың мазмұны



тегіне орналастыру керек:

 

 

Ескерту Оқиғаны өндеуші – бұл оқиға суреттелетін және пайда болу нәтижесінде кейбір әрекет орындалатын, мысалы, орындалуға JavaScript функциясы енгізілетін,  код фрагменті.

Егер сіз файлды сақтап, браузер ішінде ашсаңыз, онда сіздің функцияңыз тышқанмен беттің кез-келген жерінде шерткеннен кейін орындалатынын көресіз.

 

HTML-бетте кодтың орналысуы. JavaScript-тің URL-схемасы. Ауыспалар. SCRIPT контейнері. Қасиеттері. Әдістер. Оқиға. HTML-құжаттің ішінде кодты орналастыру.
Объект - бұл JavaScript-тің кілтті, маңызды мәлімет типі. Кез-келген басқа мәлімет типінде wrapper объектілі "орама" бар. Бұл  кез-келген типті айнымалысының мәніне рұқсат алар алдында айнымалының объектіге конвертациясы өтіп, одан соң ғана мән үстіне амал қолданады. Object мәлімет типі объектілерді өзі-ақ анықтайды.

Осы бөлімде біз негізгі үш мәселеде тоқтаймыз:

        объект түсінігі

        объект прототипі

        Object объектінің әдістері

Біз осы барлық мәселелерге айқынырақ тоқталмаймыз, себебі браузер жағында программалаған кезде көптеген жағдайда JavaScript-тің кірістірілген құралдарын қолданады. Ал бұл құралдардың барлығы объект болып табылғандықтан, олардың не екенін түсінуіміз керек.



Объект түсінігі

Белгілілік үшін ең алдымен ықтиярлы, объекті тұтынушымен анықталған   мысалын қарастырып, кейін оның не екенін анықтайық:

function Rectangle(a,b,c,d)
{
this.x0 = a;
this.y0 = b;
this.x1 = c;
this.y1 = d;
this.area = new Function("return Math.abs(this.x0-this.x1)*Math.abs(this.y0-this.y1)");
this.perimeter = new Function("return (Math.abs(this.x0-this.x1)+Math.abs(this.y0-this.y1))*2");
}
c = new Rectangle(0,0,100,100);
document.write(c.area());

Орындалу нәтижесі:

10000

Бұл мысал функция конструкторын қолдану иллюстрациясы үшін "Функция" бөлімінде көрсетілген. Мұнда біз бұл мысалды жалпы контекстте қарастырамыз.



Rectangle() функциясы – бұл тұтынушымен анықталатын Rectangle классының объектісінің конструкторы. Конструктор берілген класстың реалды объект құруға мүмкіндік береді. Себебі, функция –  бұлкейбір амалдардың сипаттамасынан артық емес. Бұл амалдар орындалу үшін функция меңгеруін беріп жіберу керек. Біздің мысалымызда бұл new операторы арқылы істелінеді. Ол функцияны шақыру арқылы реалды объект құрайды.

Төрт айнымалы құрылады: x0,y0,x1,y1 – бұл Rectangle объектісінің қасиетері. Оларға тек берілген класс объектісінің контектінде ғана рұқсат алуға болады. Мысалы,:

up_left_x = c.x0;
up_left_y = c.y0;

Қасиеттерден басқа біз конструктор ішінде Function() типті екі объектіні JavaScript тілінің area мен perimeter кірістірілген  конструкторларын қолданып анықтадық. Бұл берілген класс объектісінің әдістері. Бұл функцияларды Rectangle класс объектісінің контексінде ғана шақыруға болады:

sq = c.area();
length = c.perimeter();

Сонымен, объект – бұл тек қана конструктор арқылы берілген класс объектісін құрып, оның контексін қолдану арқылы рұқсат алуға болатын қасиеттер мен әдістер жиынтығы.

Іс жүзінде программистпен құрылған объектілермен жұмыс істеу кездейсоқ жағдай. Себебі, объект белгілі бетте анықталатын функция – конструктор арқылы құрылады, яғни бұл беттің ішінде құрылғанның барлығы басқа беттерге мұрагер болып қалады.

Әдетте біз JavaScript-тің құрама объектілерімен жұмыс істейміз. Яғни, курсттың басқа бөлімдерінде көрсетілгеннің барлығы – бұл құрама объектілердің  қасиеттері мен әдістеріне жүгіну. Бұл мағынада prototype атты объектілер қасиеттері өте қызық. Прототип – бұл белгілі класс объектісі конструкторының басқа атауы. Мысалы, егер біз String класс объектісіне әдіс қосқымыз келсе:

String.prototype.out = new Function("a","a.write(this)");
...
"Салем, достар".out(document);

Салем, достар

String класс объектілеріне жаңа әдіс жариялау үшін біз Function конструкторын қолдандық. Аз ғана өзгешелік бар: жаңа әдістер мен қасиеттерге объект прототипы өзгертілгеннен кейін ғана пайда болған объектілер ғана ие бола алады. Барлық құрама объектілер JavaScript программа меңгеру алғанға дейін құрылады, бұл prototype қасиеттерінің қолдануын айтарлықтай шектейді.  

Сонда да құрама JavaScript класс объектісіне қалайша әдіс қосуға болатынын көрсетейік. Мысал ретінде кірістірілген аталған Image бола алады. Мәселе URL суреттерін Link класс объектісінің URL сияқты талдау:

function prot()
{
a = this.src.split(':');
protocol = a[0]+":";
return protocol;
}
function host()
{
a = this.src.split(':');
path = a[1].split('/');
return path[2];
}
function pathname()
{
a = this.src.split(':');
path = a[1].split('/');
b = new Array();
for(i=3;i c = b.join('/');
return "/"+c;
}
Image.prototype.protocol = prot;
Image.prototype.host = host;
Image.prototype.pathname = pathname;
...
document.write("
");
document.write(document.i1.src+"
");
document.write(document.i1.protocol()+"
");
document.write(document.i1.host()+"
");
document.write(document.i1.pathname()+"
");

Мұндағы негізгі идея – конструкторды қолданудан бұрын қайтадан анықтау. HTML-parser JavaScript-интерпретаторын асқындырар алдында HTML-ді башайлап, кірістірілген объектілерді ертерек құрайды. Бұдан беттегі объектіні  JavaScript-код арқылы тудыру керек екендігі көруге болады. Бұл жағдайда  ең алдымен Image объектісінің қайтадан анықталуы, ал кейін бұл класстың кірістірілген объектісі құрылады. Explorer –мен жұмыс істегенде бәрі нашарлау. Егер жол объектісінде prototype қасиетіне ол ұрыспаса, Image үшін мұндай қасиет анықталмаған.

 

Программалау объектілері ретіндегі HTML-контейнерлері



 

JavaScript-тің негізгі идеясы тұтынушымен HTML– контейнерлері атрибуттарының мәндері мен HTML–бетін көру процессінде орта көрсетілуінің қасиеттерін өзгерту мүмкіндігі. Бұл жағдайда қайтадан тиеу орындалады.

Іс жүзінде бұл, мысалы, бет фонының түсін өзгерту, жаңа терезе ашу немесе ескертуді шығару.

Объектілер

Бұл идеяны іске асыру үшін құжаттың объектілі моделі ұсынылды. Модель мәні - әрбір HTML-контейнер - бұл үштікпен сипатталатын объект:

        қасиеттер

        әдістер

        оқиғалар

Қасиеттер, әдістер мен оқиғалар бірдей жиынтықты объектілер біртипті объектілер класына бірігеді. Кластар –  бұл мүмкін болатын объектілер сипаттамасы. Объектлердің өздері құжаттың браузермен енгізілуінен кейін немесе программа жұмысының нәтижесі ретінде пайда болады. Бұл туралы жоқ объектіге ықылас білдірмеу үшін білу керек.

Қасиеттер

Көптеген HTML– контейнерлерде атрибуттар бар. Мысалы якорь контейнерінде оны гипермәтінді сілтемеге айналдыратын href атрибуты бар:

kuku


егер ... якорь контейнерін объект ретінде қарастырсақ, href атрибуты якорь объектісінің қасиетін береді. Программист атрибут мәнін, сәйкесінше объект қасиетін өзгерте алады:

document.links[0].href="kuku1.htm";

Барлық атрибуттардың мәндерін өзгертуге болмайды. Мысалы, графикалық суреттің ені мен биіктігі бет тиелу кезінде бірінші тиелген сурет бойынша анықталады. Қалған суреттердің барлығы, оның алдында масштабталады. Microsoft Internet Explorer-де сурет өлшемін өзгерте алады.

Суреттің жалпылығы үшін JavaScript –тегі объектілердің HTML– белгісінде аналогы жоқ қасиеттері бар. Мысалы, navigator объектісі немесе браузер терезесі деп аталатын және JavaScript-тің ең үлкен объектісі саналатын орындалу ортасы.

Әдістер

JavaScript терминологиясында объект әдісі функция қасиеттерінің өзгеруін анықтайды. Мысалы, құжат объектісімен open(), write(), close() қасиеттері байланысты. Бұл әдістер құжат мазмұнын өзгертуге және генерациялауға мүмкіндік береді:

function hello()
{ id=window.open("","example","width=400,height=150");
id.focus(); id.document.open();
id.document.write("


Каталог: arm -> upload -> umk
umk -> Жұмыс бағдарламасы қазақстан тарихының тарихнамасы пәні бойынша 050203-Тарих мамандығының студенттеріне арналған
umk -> Программа дисциплины Форма для студентов ф со пгу 18. 2/07
umk -> Жұмыс бағдарламасы шет елдер тарихының тарихнамасы пәні бойынша 050203-Тарих мамандығының студенттеріне арналған Павлодар
umk -> АќША, несие, банктер
umk -> Жұмыс оқу бағдарламасының титулдық парағы
umk -> Программа дисциплины для студентов
umk -> Ф со пгу 18. 2/05 Қазақстан Республикасының Білім және ғылым министрлігі
umk -> Јдістемелік нўсќаулыќ
umk -> Жўмыс баєдарламасы


Достарыңызбен бөлісу:
1   2   3   4


©kzref.org 2019
әкімшілігінің қараңыз

    Басты бет