Таблиця В.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>
|