JavaScript в веб-программировании - это добавление интерактивности на страницу. Работает по принципу "пользователь действует, система реагирует". Бывает несколько событий. Например щелчок мышью - это самое распространенное событие. Без событий никуда - они везде. Движение мышкой (клик мышкой), выделение текста, нажатия кнопок и клавиш - это все события. Встроенные события позволяют размещать событие+их обработчики в HTML-Коде. Code: <a href="http://www.forum.antichat.ru/" onmouseover="alert('Пожалуйста, уберите мышку')" onmouseout="alert('Спасибо..')">Нажми сюда :)</a> Вы можете менять поведение вашего веб-браузера на нестандартное событие Code: <a href="http://www.xakep.ru/" onclick="alert('Низачто не пойду!'); return false;">Хакер</a> В итоге, вместо перехода на нашу страницу - наш веб-браузер просто напросто откажется переходить на данную страницу Если JavaScript возвращает нам "false", то наш веб-браузер не выполняет стандартное действие - это удобно для проверки данных перед отправкой формы. Code: <html> <head> <title>Яндекс.Поиск + JavaScript обработчик</title> <script type="text/javascript"> function check() { var field = document.getElementById("text"); if (field.value == "") { alert('Пожалуйста, введите текст'); return false; } return true; } </script> </head> <body> <form action = "http://yandex.ru/yandsearch?text=" onsubmit="return check()" > <input type="text" id = "text" name = "text" /> <input type="submit" value = "Поиск" /> </form> </body> </html> Если юзверь ничего не введет в нашу форму, то функция вернет false с текстом "Пожалуйста, введите текст" - соответственно, форма не отправиться. Внимание!!! " onsubmit="check()" " - работать откажется (инфа 100%). Функция выполниться, но независимо от того, что ответит наш JS - форма будет отправлена, так что используем " onsubmit="return check()" " Такой "способ обработки" неудобен тем, что наш JavaScript - будет разбросан по всей странице. Нам придется возиться с исходником, щелкать мышкой - что займет много времени. Хорошие разработчики стараются HTML и JavaScript коды разносить в разные файлы. В следующем способе, нам потребуется внешний JavaScript файлик и страница с DIV. Code: <html> <head> <title>JavaScript - Пример</title> <script src="scr.js" type="text/javascript"></script> </head> <body onload="load_comp()"> <div id="div1"> DIV </div> </body> </html> Событие " load_comp() " - используется чтобы JavaScript не выполнялся до окончательной загрузки нашей веб-страницы Внутри файла scr.js поставим обработчики, меняющие цвет нашего фона div`а под курсором. Code: function over() { this.style.background = '#f00'; } function load_comp(){ var div1 = document.getElementById('div1'); div1.onmouseover = over; div1.onmouseout = function(){ this.style.background = '#fff'; } } Моя первая "мини-статья" была написана для тех, кто пока-что плохо знаком с JS.. На этом все! Огромное спасибо за просмотр данной статьи, в будущем напишу про PHP и MySQL - надеюсь, что вам понравиться. (с) kravch_v
Возможно, ли сделать load в ссылке, например, есть xss в линке как сделать, чтоб она срабатывала как в <img onload ??
