Сейчас на сайте:
Пользователей: 1
kazkibergetic
Роботов: 1
Googlebot
Гостей: 93
Всех: 95
Вот и подошёл к концу наш конкурс! Поздравляем победителей!!! Подробнее.
Проект Programmers.kz и школа hotPen3D2D предлагает Вам курсы по веб-дизайну, веб-программированию и компьютерной графике. Подробности здесь.
Информация к новости
- Просмотров: 1394
- Автор: КазКиберГетик
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
Вернуться
Комментариев: 0
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.




