Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Вынос скриптов в заголовок 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.






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.