Главная страница Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Вынос скриптов в заголовок HEAD
|
|
Обычно javascript стараются отделить от собственно документа.
Для этого его помещают внутрь тега HEAD, а в теле страницы по возможности оставляется чистая верстка.
В следующем примере javascript-код только описывает функцию count_rabbits, а ее вызов осуществляется по нажатию на кнопку input.
| < html> | |
| < head> | |
| < script type=" text/javascript" > |
| function count_rabbits() { | |
| for(var i=1; i< =3; i++) { |
| // оператор + соединяет строки | |
| alert(" Из шляпы достали " +i+" кролика! ") |
| } | |
| } |
| < /script> | |
| < /head> |
| < body> |
| < input type=" button" onclick=" count_rabbits()" value=" Считать кролей! " /> | |
| < /body> |
| < /html> |
Для указания запускаемой по клику функции в input был использован атрибутonclick. Это лишь вершина мощного айсберга javascript-событий.
Внешние скрипты
Обычно javascript-код вообще не пишут в HTML, а подключают отдельный файл со скриптом, вот так:
| < script src=" /my/script.js" > < /script> |
При этом файл /my/script.js содержит javascript-код, который иначе мог бы находиться внутри тега < script>.
Это очень удобно, потому что один и тот же файл со скриптами можно подключать на разных страницах. При правильных настройках сервера браузер закеширует его и не будет скачивать каждый раз заново.
Чтобы подключить несколько скриптов - используйте несколько таких тегов:
| < script src=" /js/script1.js" > < /script> |
| < script src=" /js/script2.js" > < /script> |
| ... |
При указании атрибута src содержимое тега игнорируется.
То есть одновременно подключить внешний файл и написать что-то внутри тега нельзя. Придется делать два разных тега < script>: первый с src, второй - с командами, которые будут выполнены после выполнения внешнего файла.
Современное оформление тэга < script>.
На плохое оформление сейчас ругается только валидатор. Поэтому эту заметку можно не читать.
Однако, знать это полезно хотя бы для того, чтобы сразу отличать современный и профессиональный скрипт от написанного эдак лет 5-6 назад.
Атрибут < script type=...>
По стандарту этот атрибут нужен для указания языка скрипта, но по умолчанию принят javascript, поэтому даже атрибута typeнет - все работает ок. Но валидатор будет ругаться, т.к стандарт требует этот атрибут.
Иногда используют < script type=" text/html" > как оригинальный способ добавить неотображаемые данные на страницу. Браузер не исполняет и не показывает < script> с неизвестным типом. В этом плане он ничем не отличается от обычного < div> с вечным style=" display: none".
Атрибут < script language=...>
В старых скриптах нередко можно увидеть атрибут language. Этот атрибут давно мертв и никому не нужен. Не используйте его для javascript.