В HTML нет ограничений на количество тегов script. Таким образом, в одном HTML-документе может быть несколько тегов «скрипт».
Как теги
Добавление разорванный > Тег в главном элементе
Теги скрипта с функциями JavaScript могут быть добавлены в элемент head. Давайте реализуем эту идею на практике, взяв простой пример функции JavaScript, добавленной в элемент head HTML-документа.
Пример
Просто добавьте элемент script внутри элемента head или переместите элемент script в существующий HTML-документ в тег head:
< голова >
< сценарий >
функция моя функция () {
document.getElementById('demoId').innerHTML = 'После!!!';
}
< / сценарий >
< / голова >
< тело >
< h2 > Добавление тегов скрипта в Head < / h2 >
< п идентификатор '=' 'demoId' > До... < / п >
< кнопка тип '=' 'кнопка' по щелчку '=' 'моя функция()' > Измени это < / кнопка >
< / тело >
В приведенном выше фрагменте кода:
- Есть ' ” заголовком внутри “ тело », а после этого идет « параграф », содержащий простой текст.
- Затем создается кнопка и функция « мояФункция() » было определено в « по щелчку », добавленный в качестве обработчика события.
- “ сценарий » добавляется внутри « голова », а внутри него вызывается функция, а « получитьэлементбиид ” метод был определен со ссылкой на “ demoId “.
Это правильно выполнит функцию JavaScript на выходе:
Добавление <с склеп > Тег в элементе тела
Теги скрипта также могут быть добавлены внутри « <тело> » в любом месте перед окончанием « тело ” теги.
Пример
Те же результаты будут получены, если « сценарий » теги добавляются в тело элемент:
< / тело >
< h2 >Добавление тегов скрипта в тело< / h2 >
< п идентификатор '=' 'demoId' >До...< / п >
< кнопка тип '=' 'кнопка' по щелчку '=' 'моя функция()' >Изменить его< / кнопка >
< сценарий >
функция myFunction ( ) {
документ.getElementById ( 'demoId' ) .innerHTML '=' 'После!!!' ;
}
< / сценарий >
< / тело > В приведенном выше фрагменте кода:
- В элемент body была добавлена та же функция JavaScript в том же коде, что и в предыдущем разделе этого поста.
Добавление « сценарий ” теги внутри “ тело ” также сгенерирует те же результаты и заставит функцию JavaScript работать правильно:
Это демонстрирует, где следует « <скрипт> » размещать в HTML-документе. Однако вам может быть интересно, должна ли существовать какая-то разница между этими двумя методами.
Разница в размещении