Последние новости:

Поиск по сайту:

Зри в корень!

JavaScript — Размещение в HTML файле

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 5)
Загрузка...
29.10.2017
JavaScript - Размещение в HTML файле

Существует гибкость с учетом включения кода JavaScript в любом месте HTML-документа. Однако наиболее предпочтительные способы включать JavaScript в HTML-файл следующие:

  • Скрипт в разделе <head>…</head>.
  • Сценарий в разделе </body>…<body>.
  • Сценарий в разделе <head>…</head> и </body>…<body>.
  • Скрипт во внешнем файле, а затем включить его в раздел <head>…</head>.

В следующем разделе мы увидим, как мы можем поместить JavaScript в HTML-файл.

JavaScript в разделе <head>…</head>

Если вы хотите, чтобы сценарий запуска на какое-то событие, например, когда пользователь щелкает где-то, то вы можете поместить этот сценарий в разделе <head> следующим образом:

<html>

   <head>
   
      <script type="text/javascript">
         <!--
            function sayHello() {
               alert("Привет мир")
            }
         //-->
      </script>
      
   </head>
   
   <body>
      <input type="button" onclick="sayHello()" value="Привет" />
   </body>
   
</html>

 

 

JavaScript в разделе <body>…</body>

Если вам нужен скрипт для запуска при загрузке страницы, так что скрипт генерирует содержимое на странице, то скрипт переходит в часть <body> документа. В этом случае, вы бы можете не иметь какую-либо функцию, определенную с помощью JavaScript. Взгляните на следующий код.

<html>

   <head>
   </head>
   
   <body>
   
      <script type="text/javascript">
         <!--
            document.write("Привет мир")
         //-->
      </script>
      
      <p>Это тело веб-страницы </p>
      
   </body>
</html>

 

JavaScript в разделах <body> и <head>

Вы можете поместить свой код JavaScript в раздел <head> и <body> следующим образом:

<html>
   <head>
      <script type="text/javascript">
         <!--
            function sayHello() {
               alert("Привет мир")
            }
         //-->
      </script>
   </head>
   
   <body>
      <script type="text/javascript">
         <!--
            document.write("Привет мир")
         //-->
      </script>
      
      <input type="button" onclick="sayHello()" value="Привет" />
      
   </body>
</html>

 

JavaScript во внешнем файле

Как только вы начнете работать более интенсивно с JavaScript, вы, вероятно, обнаружите, что есть случаи, когда вы повторно устанавливаете идентичный код JavaScript на нескольких страницах сайта.

Вы не ограничены в сохранение идентичного кода в нескольких HTML-файла. Тег script обеспечивает механизм, позволяющий хранить JavaScript во внешнем файле, а затем включить его в свои HTML-файлы.

Вот пример, чтобы показать, как вы можете включить внешний файл JavaScript в вашем HTML-коде с помощью тега script и его атрибута src.

<html>

   <head>
      <script type="text/javascript" src="filename.js" ></script>
   </head>
   
   <body>
      .......
   </body>
</html>

 

Для использования JavaScript из внешнего источника, вам нужно написать весь исходный код JavaScript в простом текстовом файле с расширением «.js», а затем включить этот файл, как показано выше.

Например, вы можете сохранить следующее содержимое в файле filename.js, а затем вы можете использовать функцию AndreyExHello в HTML-файле после включения файла filename.js.

function AndreyExHello() {
   alert("Привет мир")
}

JavaScript - Размещение в HTML файле

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Если статья понравилась, то поделитесь ей в социальных сетях:

Читайте также

5 1 голос
Рейтинг статьи
Подписаться
Уведомить о
guest

**ссылки nofollow

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии

Статьи партнеров:

0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить

Спасибо! Ваша заявка принята

close

Спасибо! Ваша заявка принята

close