ВТОРА ЧАСТ
13. Събития, HTML тагове и CSS стилове
- че такива събития;
- мишка събития;
- document.getElementById () и document.all;
- как да се обадя свойствата на CSS стил
Но, за да отидете на един английски магазин, който си купи делириум Край самото сирене, не е задължително да изучават Шекспир (въпреки че, ако преместването в Англия в продължение на много години, все още е желателно).
Следователно, за да започне да предлага "загрявка" на по-лека тема, освен това, често се използва за уеб-страници.
Тогава аз все още да започне "тренировка" модела на обекта, но аз ще се опитам да го направи по-лесно и по-забавно.
Инструкциите са написани за събитието, както обикновено, в сценария (например dem_plus функцията (н, к) в нашия пример). Но за да присвоите на събитието да извършва - има специални атрибути в HTML тагове (в нашия пример - OnClick).
Ето списък на почти всички събития (и техните съответните HTML тагове атрибути), подредени по азбучен ред:
onAbort, onAfterUpdate, onBeforeUnload, onBlur, onChange, OnClick. onDataAvailable, onDatasetChanged, onDatasetComplete, onDblClick. onDragStart, onError, onErrorUpdate, onFilterChange, onFilterEvent, onFocus, onHelp, onKeyDown, onKeyPress, onKeyUp, при зареждане. onMouseMove. onMouseOut. поставяне на показалеца. onMouseUp. onReadystateChange, onReset, onResize, onRowEnter, onRowExit, onScroll, onSelect, onSelectStart, onSubmit, onUnload.
Не се притеснявайте, необходимите промени не са толкова много: в общи линии това е на няколко събития за мишката и при зареждане събитието, за да изтеглите документа (те са отбелязани с червено в списъка). И днес, ние се ограничаваме до потребностите. Но най-важното - ще се научите как да се повиши събития. форма Поканата на всички идентични. Всички от "екзотични" събития, ние също обмислят постепенно, но тогава вече ще знаете как точно да го приближи.
"Мишка" събитие
Те включват OnClick. onDblClick. onDragStart. onMouseMove. onMouseOut. поставяне на показалеца и onMouseUp.
Най- "конвенционалната мъдрост" - е OnClick. поставяне на показалеца и onMouseOut.
Следната проста аналогия ние използваме тези три събития и onDblClick.
Задръжте курсора на мишката над psevdossylku, кликнете върху нея, а след това кликнете два пъти.
Този пример е чисто академичен и в нещо още не е много правилно, например, съм използвал остарял таг . Но това е да се покаже, че в случай можете да се обадите и да насочи атрибутите на HTML тагове и CSS стилове.
Ето един пример за това код:
Когато се наложи да промените атрибута на елемента, ние използваме формулата
Когато промените CSS стила на елемента, веригата се увеличава с една единица, тъй като самият стил е атрибут на тага, има своите качества - селектори:
(Забележете как написах "selektorStilya." Това не е случайно, а скоро и ние по-рано отида там.)
Основният акцент - да се намери елемент (таг). В този пример събитията тагове се обръщат към него най-много. За тази цел има ключова дума това. която връща текущия елемент. Но когато едно щракване, ние трябва да промените стила на CSS на друг елемент, тогава ние трябва да по някакъв начин маркират и се отнасят до този маркер.
Както и на 10 урок, аз използвах един атрибут за идентификатор и "подслушване" - метод document.getElementById. Това е най-универсален начин на работа във всички браузъри. Когато говорихме за масиви и колекции, тогава демонтирани пътя за търсене на тези колекции. Но тук ние не работим, тъй като маркер
. ние трябва във всеки "частна колекция" не е включена. Но има един документ, както и най-голямата колекция: document.all. Това е - "всичко в документа." А "паспорт" за всичко е едно и също име (въпреки че можете да използвате име, а някои тагове). Това означава, че може да се изписва така:
Моля, обърнете внимание: в първия случай ни куку е собственост на елемента и се изписва в скоби и кавички. Във втория случай - един обект. който се "закачи" към колекцията чрез (без кавичките).
Ето защо аз говорих толкова много от граматиката и структурата в предишните уроци. Когато се научите как да се разбере кой кой е, тогава кода ви да работи. добре, ако не и най-напред, а след това най-малко трети път. Бих искала да отбележа в ухото си: големи и сложни кодове някога и никой от първия опит не работи правилно. Но за да получите до тях, трябва да имате добро разбиране като сапун майка рамка. Така че не се изненадвайте, или обиди, ако изглежда, че съм твърде много повтаряне. Това се дължи на дизайна.
Вторият начин - чрез document.all - не винаги и не навсякъде. Преди това той е съвсем ясно е работил само в IE. Вярно е, че новото поколение браузър базиран на Netscape, където тя някак си работи, макар document.all концепция все още не се поддържа. Ето защо, ако искате да се гарантира, близо до 100%, като се използват document.getElementById.
И отново, вместо поставяне на показалеца в тази ситуация, можете да използвате една и съща сила onMouseMove. Те се различават почти същото като document.write () и document.writeln (). Аз се спирам на това днес ние няма.
Обадете се на CSS стилове
За да започнете с малко модернизиране на нашия пример: uberom този фосил таг . За да направите това, ние трябва да зададете цвят в стила на CSS Това е:
И тук също се впише и събития. Но как се прави това, което вече знаем: Виждате ли, ако ние наричаме CSS стил, самият цвят може да се запише и в съкратен вид, както в CSS. В случая с маркер атрибути такъв запис не би преминал. И сега, изработен от таг Play? Тя просто намига, но не се отварят, не гледайте. Сега се опитайте да го направите сами. Свързани статии