Наука + Бизнес = $$$

Карта Сайта

Суббота, 21.10.2017, 11:36
Приветствуем Вас Гость
Главное Меню
Помощь Сайту
Информационная:
Пожалуйста, расскажите о нас друзьям и сделайте репост:

Финансовая:
Если этот сайт вам помог, будем благодарны за любую финансовую помощь:
R598551293139

Урок №2: подключение JavaScript к веб-странице

Подключение JavaScript к веб-странице

Есть несколько способов подключить событие JavaScript к HTML-документу. На данном уроке мы рассмотрим все способы подключения JavaScript-кода к HTML странице. Стоит заметить, независимо от типа подключения, всегда используется парный тег Script. Javascript-код может находиться как на самой странице (в теле страницы Body или в контейнере Head), так и во внешнем файле, который подключается с помощью ссылки на него в контейнере Head. Рассмотрим каждый способ подключения JavaScript к веб-странице более подробно.


JavaScript в контейнере body

Данный способ используется редко, так как браузеры считывая HTML-код и дойдя до тега script, прорабатывают событие и только после этого загружают остаток HTML-кода. Для примера создадим программу всплывающих окон.

<html>
   <body>
      <h1>Заголовок</h1>

      <script type="text/javascript">
for(var i=1; i<=2; i++) {
alert("Всплывающее окно номер "+i+", нажмите пожалуйста - Ок!")
 }

       </script>
       <p>...Остальной контент веб-страницы.</p>

   </body>
</html>

В данном примере браузер загрузит заголовок и перейдет к событию, и до тех пор, пока пользователь не нажмет "Ок" в двух, поочередно всплывающих окнах, остальной контент веб-страницы не будет загружен. Данный урок посвящен именно подключению JavaScript к HTML-документы, поэтому элементы программы рассматривать не будем.


JavaScript в контейнере head

Данный способ более популярный, так как позволяет отделить JavaScript от документа, что облегчает работу с ним. Раньше в данном случае у тега script должен быть задан параметр language, который указывает язык, на котором написан скрипт. Сейчас используется в основном параметр type="text/javascript", однако и без него все работает. И все же рекомендуется использовать стандарты записи.

<html>
  <head>
    <title>Заголовок документа</title>    
    <script type="text/javascript">
//код программы </script>
  </head>
  <body>  
  </body>
</html>

Такой способ можно успешно применять для хранения функций, которые можно использовать в необходимых местах и с необходимыми объектами в HTML-документе.


Подключение внешнего JavaScript

Как и в случае с таблицами стилей, скрипты можно хранить во внешнем файле. Такой файл можно создать в обычном "Блокноте", сохранив его с расширением .js (например, script.js). При написании скриптов в отдельном файле не нужно брать программу в парный тег script. Подключается такой файл с помощью тега script и его параметра src, в значении которого необходимо указать путь к вашему файлу со скриптами. Например:

<html>
  <head>
    <title>Заголовок документа</title>    
    <script src="/JavaScript/MyScript.js>
 </script>
  </head>
  <body>  
  </body>
</html>

Возможно подключить несколько файлов со скриптами, конфликтовать они между собой не будут.

<script src="/JavaScript/MyScript1.js> </script>
<script src="/JavaScript/MyScript2.js> </script>

К счастью все современные браузеры понимают JavaScript, и его подключение не должны вызвать вопросов. Далее рассмотрим виды литералов в JavaScript: Литералы


Форма входа
Поиск по сайту
Полезные Сайты
Счетчики
Счетчик PR-CY.Rank
Подписка на обновления
Ваш e-mail: *
Ваше имя: *
Контакты
PhantomX5 © 2014-2017Пишем нам: PhantomX5@mail.ru