Студопедия

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

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

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






  • Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    Сам записывает клиентов и напоминает им о визите;
    Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом
  • Вынос скриптов в заголовок 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 :: Мои Лекции
    Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
    Копирование текстов разрешено только с указанием индексируемой ссылки на источник.