freeCodeCamp

2.6 KiB

Raw Blame History

title	localeTitle
Where to	Куда

Куда

JavaScript - это язык программирования HTML и Интернета. В HTML JavaScript должен быть вставлен в <script> контейнера <script> .

пример


<script> 
  window.alert("This JavaScript Works!"); 
 </script>

Кроме того, помните, что вы можете поместить любое количество тегов <script> в HTML-документ.

Куда идет `<script>` ?

Тег <script> можно поместить в <head> или <body> .

JavaScript в `<head>`

В этом примере JavaScript помещается в раздел <head> документа. Создается функция onClicked , которая вызывается при нажатии кнопки.


<!DOCTYPE html> 
 <html> 
 <head> 
 <script> 
 function onClicked() { 
    window.alert("Hi, there!"); 
 } 
 </script> 
 </head> 
 
 <body> 
 
 <h1>JavaScript Testing</h1> 
 <button type="button" onclick="onClicked()">Try it</button> 
 
 </body> 
 </html>

JavaScript в `<body>`

Здесь JavaScript размещен в , Функция onClicked создается и запускается при нажатии кнопки.


<!DOCTYPE html> 
 <html> 
 <body> 
 
 <h1>JavaScript Testing</h1> 
 <button type="button" id="buttonClicked">Try it</button> 
 
 <script> 
 document.getElementById("buttonClicked").onclick = onClicked; 
 
 function onClicked() { 
    window.alert("Hi, there!"); 
 } 
 </script> 
 
 </body> 
 </html>

Внешние скрипты

Скрипты также можно размещать во внешних файлах. Давайте создадим файл script.js .

script.js

window.alert("Hi!");

Этот скрипт может быть включен в HTML-документ так:


<!DOCTYPE html> 
 <html> 
 <body> 
 
 <script src="script.js"></script> 
 
 </body> 
 </html>

Привет! все равно будет отображаться при отображении страницы. Помните, что вам не нужно включать теги <script> в файлы JavaScript (файлы с расширением .js ).

Дополнительная информация:

Yahoo рекомендует размещать скрипты внизу. Это уточняется здесь , с этой рекомендацией.

2.6 KiB Raw Blame History Unescape Escape