Проект Programmers.kz и школа hotPen3D2D предлагает Вам курсы по веб-дизайну, веб-программированию и компьютерной графике. Подробности здесь.

 
Информация к новости

C чего начать?!

Категория: WEB-программирование / JavaScript / Уроки JavaScript

Прежде всего: 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-а рекомендуется ставить ;

Помните форму в уроке 4 Dhtml. Там кнопки были предназначены для отправки форм и имели тип: type=submit. Однако мы можем создать кнопку, которая будет делать все, что мы захотим и при это ее совсем не обязательно помещать в тело тэгов <form> ... </form>. Для этого кнопку следует записать так:


<input type="button" value="Просто кнопка" name="simple_butt">


А как сделать, чтобы при нажатии на эту кнопку что-то произошло? Да очень просто! Мы с Вами уже рассмотрели такое событие как onclick. Для кнопки применение такого события довольно просто:


<input type="button" value="Просто кнопка" name="simple_butt" 
onclick="alert("Вы нажали кнопку
<Просто кнопка>");">


Посмотрим как работает кнопка реализованная выше приведенным кодом: Обратите внимание после знака равенства при привязке к событию 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 .
Источник: web-brodilka.ru
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.