102 lines
2.6 KiB
Markdown
102 lines
2.6 KiB
Markdown
|
---
|
|||
|
|
title: Where to
|
|||
|
|
localeTitle: Куда
|
|||
|
|
---
|
|||
|
|
## Куда
|
|||
|
|
|
|||
|
|
JavaScript - это язык программирования HTML и Интернета. В HTML JavaScript должен быть вставлен в `<script>` контейнера `<script>` .
|
|||
|
|
|
|||
|
|
### пример
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
window.alert("This JavaScript Works!");
|
|||
|
|
</script>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Кроме того, помните, что вы можете поместить любое количество тегов `<script>` в HTML-документ.
|
|||
|
|
|
|||
|
|
### Куда идет `<script>` ?
|
|||
|
|
|
|||
|
|
Тег `<script>` можно поместить в `<head>` или `<body>` .
|
|||
|
|
|
|||
|
|
### JavaScript в `<head>`
|
|||
|
|
|
|||
|
|
В этом примере JavaScript помещается в раздел `<head>` документа. Создается функция **onClicked** , которая вызывается при нажатии кнопки.
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<!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** создается и запускается при нажатии кнопки.
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<!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
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
window.alert("Hi!");
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Этот скрипт может быть включен в HTML-документ так:
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<script src="script.js"></script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
_Привет!_ все равно будет отображаться при отображении страницы. Помните, что вам не нужно включать теги `<script>` в файлы JavaScript (файлы с расширением **.js** ).
|
|||
|
|
|
|||
|
|
#### Дополнительная информация:
|
|||
|
|
|
|||
|
|
Yahoo рекомендует размещать скрипты внизу. Это уточняется [здесь](https://developer.yahoo.com/performance/rules.html#js_bottom) , с этой рекомендацией.
|