Таблиця В.1 – Властивості і методи вікна
№ | Властивості і методи | Опис |
window status | Зберігає вміст статусного рядка вікна. <SCRIPT> window.status = "Ця сторінка написана на JavaScript!"; </SCRIPT> | |
Методи | ||
window.alert() | Даний метод генерує діалогове вікно, що відображає той текст, який передається методу як параметр. Єдина кнопка OK призначена для закриття вікна. <A HREF="URL" onclick="alert('Тут Ваше повідомлення')" LANGUAGE="Javascript">Метод Alert</A> | |
window.confirm() | Діалогове вікно, яке може повернути значення true або false <A HREF="URL" onclick="confirm('Тут Ваше питання')" LANGUAGE ="Javascript">Метод Confirm</A> | |
window.promp() | Генерує діалогове вікно запиту. В ньому відображується визначене розробником сторінка повідомлення і виводиться текстове поле для вводу відповіді. <A HREF="URL" onclick="prompt('Тут Ваш запит')" LANGUAGE ="Javascript">Метод Prompt</A> |
Таблиця В.2 – Властивості і методи об’єкта document
№ | Властивості і методи | Опис |
Властивості | ||
document.forms[] | Для визначення того, скільки в документі форм використовується команда document.forms.length Для одержання доступу використовуються індекси document.forms[0] або ім'я name дескриптора <form> document.forms["ім’яФорми"] document.ім’яФорми | |
document.images[] | Масив зображень, які вставляються в документ за допомогою дескриптора <іmg> | |
Методи | ||
document.write() | Даний метод використовується як для створення вмісту завантажуваної сторінки, так і для створення нового вмісту у поточного або іншого вікна. document.write("А це JavaScript!") | |
document. createElement() | Дозволяє створити в пам'яті зовсім новий об'єкт. Щоб у точності вказати тип створюваного елемента треба підставити ім'я дескриптора цього елемента в рядковий параметр методу. var newel=document.createElement(“p”) | |
document. createNode() | Даний метод дозволяє створювати новий текстовий вузол var newTxt=document.createTextNode(“Hi”) | |
document. getElementById() | Дозволяє дізнатись код (дескриптор елемента) var v1=document.getElementById(“Res”) |
Таблиця B.3 – Оброблювачі подій
Оброблювач | Опис |
Onactivate onbeforedeactivate ondeactivate | Якщо елемент активізується, то подія onactіvate запускається перед onfocus і навпаки, до деактивації елемента події запускаються в наступній послідовності: onbeforedeactіvate, ondeactіvate, onblur |
Onbeforecopy | Даний оброблювач запускається до того, як відбувається копіювання, ініційоване користувачем в результаті виклику опції меню Edіt або контекстного меню. Даний оброблювач не працює з елементами введення тексту у формах |
Onbeforecut | Запускається до того, як відбувається вирізка, ініційована користувачем в результаті вибору опції меню Edіt або контекстного меню. Якщо додати оброблювач в елемент HTML, у контекстному меню операція Cut буде заборонена. |
Onclick | Реагує на одинарний клік курсора миші. <A HREF="#null" OnClick="alert('Приклад події OnClick'); return false" LANGUAGE="Javascript"> Приклад </A> |
Oncontextmenu | Відбувається, коли користувач клацає на об'єкті правою кнопкою миші. Цей клік викликає лише дві події onmousedown та oncontextmenu |
Oncopy oncut | Відбуваються після того, як користувач або сценарій ініціюють дію копіювання або вирізки поточного об'єкта. |
Ondblclick | Реагує на подвійний клік курсора миші. <A HREF="#null" OnClick="return false" OnDblClick="alert('Приклад події OnDblClick')" LANGUAGE="Javascript"> Приклад </A> |
Продовження таблиці В.3
ondrag, ondragend, ongdagstart | Реагує на перетягування курсором миші. <A HREF="#Eventondragstart" LANGUAGE="VBscript" ID="egOnDragStartLink" OnClick="self.event.returnValue=false" TARGET="HTMLib_content"> Приклад </A> |
Ondrop | Відбувається тоді, коли користувач відпускає кнопку миші, завершуючи тим самим операцію "перетягування". |
Onfocus | Відбувається, коли елемент активізується; як правило в цей момент деактивізується інший елемент. |
Onhelp | При одинарному кліку курсором миші можна натиснути кнопку F1, при цьому відобразиться підказка з інструкціями про те, що дане посилання реагує на подвійний клік курсором миші. <A HREF="other_page.html" LANGUAGE="Javascript" onclick="return false" OnHelp="alert('Двічі натисніть посилання, щоб документ відкрився.');return false" ondblclick="alert('Це просто прикдад - нічого не відкриється...')"> Приклад </A> |
onkeydown | Реагує на натискання і утримування клавіши. <A HREF="#null" OnKeyDown="alert('Приклад події OnKeyDown')" LANGUAGE="Javascript"> Приклад </A> |
onkeypress | Реагує на натискання клавіши. <A HREF="#null" OnKeyPress="alert('Приклад події OnKeyPress')" LANGUAGE="Javascript"> Приклад </A> |
Продовження таблиці B.3
onkeyup | Реагує на відпускання клавіши. <A HREF="#null" OnKeyUp="alert('Приклад події OnKeyUp')" LANGUAGE="Javascript"> Приклад </A> |
onmousedown | Реагує на натискання кнопки миші. <A HREF="#null" OnMouseDown="alert('Приклад події OnMouseDown')" LANGUAGE="Javascript"> Приклад </A> |
onmouseup | Може використовуватися, щоб виконати функції сценарію після того, як миша користувача була натиснута й відпущена – протилежність події OnMouseDown. <A HREF="#null" OnMouseUp="alert('Приклад події OnMouseUp')" LANGUAGE="Javascript"> Приклад </A> |
onmousemove | Виконується тоді, коли покажчик миші переміщується по поточному об'єкту. При цьому кнопка миші не обов'язково повинна бути натиснутою, хоча дана подія в більшості випадків використовується при переягуванні об'єкта. |
onmouseout | Реагує на подію, коли курсор миші залишає посилання. <A HREF="#null" OnMouseOut="alert('Приклад події OnMouseDown')" LANGUAGE="Javascript"> Приклад </A> |
onmouseover | Реагує на подію, коли курсор миші потрапляє у область посилання. <A HREF="#null" OnMouseOver="alert('Приклад події OnMouseOver')" LANGUAGE="Javascript"> Приклад </A> |
Onpaste | Виникає відразу ж після того, як користувач або сценарій ініціює операцію вставки для поточного об'єкта. |
onresize | Запускається при зміні розмірів об'єкта у відповідь на дії користувача або сценарію. |
Продовження таблиці B.3
Onselectstart | Виконується щораз, коли користувач починає вибирати деякий текст, що є змістом елемента. <table BORDER="8" BgColor="red" WIDTH="65%" cellspacing=8> <tr><td> <p ID="paraSelectStart">Вибір будь-якого елемента з цього тексту змусить змінювати його кольори... иноді дикувато <script LANGUAGE="VBScript"> <!-- Sub paraSelectStart_onselectstart() Dim hexColor Dim hexColor2 hexColor=hex(rnd*16777215) if hexColor>"ffffff"then hexColor="ffffff" hexColor2=hex(rnd*16777215) if hexColor2>"ffffff"then hexColor2="ffffff" on error resume next set elRef=document.all("paraSelectStart") elRef.style.backgroundColor=hexColor elRef.style.color=hexColor2 self.event.returnValue=false End Sub //--> </script> </td></tr> </table> |