Совместная работа с HTML PDF Печать E-mail

Прежде всего: 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-а рекомендуется ставить ;
Мы можем создать кнопку, которая будет делать все, что мы захотим и при это ее совсем не обязательно помещать в тело тэгов <form> ... </form>. Для этого кнопку следует записать так:

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


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

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


Посмотрим как работает кнопка реализованная выше приведенным кодом: Обратите внимание после знака равенства при привязке к событию 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 .

По материалам сайта: http://web-brodilka.ru/