События

onabort onafterupdate onbeforeunload onbeforeupdate onblur onbounce onchange onclick ondataavailable ondatasetchanged ondatasetcomplete ondblclick ondragstart onerror onerrorupdate onfilterchange onfinish onfocus onhelp onkeydown onkeypress onkeyup onload onmousedown onmousemove onmouseout onmouseover onmouseup onreadystatechange onreset onresize onrowenter onrowexit onscroll onselect onselectstart onstart onsubmit onunload

Событийная модель

• Как назначить обработчик события?

1) Объявить функцию и описать реализацию в тэгах <script></script>, назначить вызов функции   прямо в тэге объекта.

<SCRIPT LANGUAGE="JavaScript">
function flip() {
// Carry out some work
}
</SCRIPT>
.
.
.
<IMG SRC="sample.gif" onmouseover="flip()">

2) Аналогично предыдущему примеру, но используя аттрибуты for= и event= в тэге <script>. В данном случае обработчик назначается всем элементам с ID, установленным в for=  :

<SCRIPT FOR=MyImage EVENT=onmouseover LANGUAGE="JavaScript">
    alert("Hello!");
</SCRIPT>
    .
    .
    .
<IMG ID=MyImage SRC="sample.gif">
<IMG ID=MyImage SRC="sample1.gif">
<IMG ID=MyImage SRC="sample2.gif">
<IMG ID=MyImage SRC="sample3.gif">

3) Пригоден для небольших обработчиков. Задается прямо в тэге элемента.

<BUTTON onclick="alert('Hello World!')" LANGUAGE="JavaScript">Click Me</BUTTON>

4) Вместо for=  и event=  (см. 2)  можно назначить обработчик не в теле документа, а в тэгах <script>

<H1 id=MyHeading>Welcome!</H1>
    .
    .
    .
<SCRIPT LANGUAGE="JavaScript">
function setHeadStyle() {
    window.event.srcElement.style.color = "green";
}

document.all.MyHeading.onclick="setHeadStyle()";//допустимо также document.all.MyHeading.onclick=setHeadStyle; 
</SCRIPT>

5) Выносить функции во внешние файлы с расширением .js, назначать обработчики можно как во внешнем файле, так и внутри данного документа.

• Передача параметров в функцию

Функция JS может как принимать параметры, так и возвращать значения. JScript -  контекстно-зависимый язык.

<Script>
function reload(url)
{
document.location.href=url;
}
</script>
<input type="Button" onclick="reload('http://msdn.microsoft.com')";

...

<script>
var a = "http:/";
var b = "/www.microsoft.ru";
function makeurl(first,second)
{
return (a+b);
}

function calc()
{
alert(makeurl(2,2));
}//-------- не 22, а 4!

function reload()
{
document.location.href=makeurl(a,b);
}//------------http://www.microsoft.ru;
</script>
Одна и та же функция в зависимости от контекста возвращает число или строку.