Справочные данные JavaScript
Страница 15 из 16
Прежде всего: Java Script это не самостоятельный язык, а фрагмент кода, который вставляется в HTML страницу и выполняет какие-либо действия на стороне клиента. Для вставки кода Java Script в HTML документ используется следующий прием:
<script language="JavaScript"> <!-- Тут код скрипта // --> </script>
Первая и последняя строчки - тэги, обозначающие начало и конец Java Script. Теги комментариев "<!--" и "// -->" применяют для совместимости с теми типами броузеров, которые не способны обработать код Java Script. Такой броузер выведет весь код скрипта на экран. При этом человек не сведущий будет удивлен, а понимающий просто посмеется над тем, кто не учел данного обстоятельства. Зато такой броузер воспримет эти тэги как комментарий и не отобразит их. Современный броузерам, все отобразит и исполнит как надо. Можно также применить еще и такой прием. Если броузер не поддерживает Java Script то следующий код:
<noscript> <p align="center">Ваш броузер не поддерживает Java Script.</p> </noscript>
пояснит пользователю в чем проблема. В конце каждой строчки Java Script-а рекомендуется ставить ;
Мы можем создать кнопку, которая будет делать все, что мы захотим и при это ее совсем не обязательно помещать в тело тэгов <form> ... </form>. Для этого кнопку следует записать так:
<input type="button" value="Просто кнопка" name="simple_butt">
А как сделать, чтобы при нажатии на эту кнопку что-то произошло? Да очень просто! Мы с Вами уже рассмотрели такое событие как OnClick. Для кнопки применение такого события довольно просто:
<input type="button" value="Просто кнопка" name="simple_butt" OnClick="alert('Вы нажали кнопку\n<Просто кнопка>');">
Посмотрим как работает кнопка реализованная выше приведенным кодом: Обратите внимание после знака равенства при привязке к событию OnClick запись кода производится в двойных кавычках и завершается точкой с запятой внутри кавычек. Это принципиально. Параметр функции alert записан между апострофами!!! Как мы видим код Java Script-а был внедрен прямо в тэг <input type=...>, но это можно реализовать и функцией, расположенной отдельно.
Синтаксис любой функции такой:
function имя_функции(){ код этой функции }
Запишем так:
<script language="JavaScript"> <!-- function bring_alert(txt) { alert(txt); } // --> </script>
Тогда перепишем следующий код как:
<input type="button" value="Просто кнопка" name="simple_butt" OnClick="bring_alert('Вызов функции<bring_alert()>');">
Посмотрим как это работает:
Как видите при нажатии (onClick) на кнопку simple_butt происходит вызов функции под именем bring_alert .
По материалам сайта: http://web-brodilka.ru/
