Как вставить скрипт в html
- HTML – язык разметки веб-страниц
- Вставка скриптов в HTML
- Редактирование HTML-кода
- Вставка JavaScript в страницу
- Обработка событий с помощью скрипта
- Создание кнопки-обработчика
- Включение внешнего скрипта
- Добавление кода на других языках
- Включение скриптов через панель управления CMS
HTML – язык разметки веб-страниц
HTML – язык разметки веб-страниц, отвечающий за отображение графических и текстовых элементов. С его помощью можно также применять скрипты, написанные на различных языках программирования.
Вставка скриптов в HTML
Для вставки скрипта в HTML используется специальный элемент <script>. Код может быть вставлен в страницу как в теле документа <body>, так и в секции <head>.
Редактирование HTML-кода
Для редактирования HTML-кода откройте вашу страницу в любом текстовом редакторе. Веб-мастера чаще всего используют программы, имеющие в своем функционале подсветку используемых дескрипторов. Нужный файл можно также открыть при помощи стандартного приложения «Блокнот» операционной системы Windows.
Вставка JavaScript в страницу
В окне текстового редактора впишите HTML-код. Например, чтобы вставить JavaScript в страницу используйте следующую команду:
<script type = “text/javascript”> Код для выполнения </script>
Обработка событий с помощью скрипта
Для того чтобы скрипт обрабатывал определенное событие, например, при нажатии кнопки, необходимо вставлять его внутри функции. В секции <head> </head> укажите код скрипта:
<script type = “text/javascript”>Function displayDate(){ document.getElementById(“perform”).innerHTML=Date(); }</script>
Создание кнопки-обработчика
В теле документа <body> средствами HTML создайте кнопку, которая и будет отвечать за активацию элемента:
<p id = “perform”></p><button type = ”button” onclick = ”displayDate()”>Отобразить время</button>
Включение внешнего скрипта
Чтобы включить в HTML внешнюю программу-скрипт, находящуюся в определенном файле, необходимо выполнить следующий код:
<script type = ”text/javascript” src = ”file.js”></script>
Добавление кода на других языках
Добавление кода на других языках, поддерживаемых HTML, производится аналогичным образом.
Включение скриптов через панель управления CMS
Если для разработки сайта используется CMS, включение скриптов производится через панель управления. Для импорта нужного кода просто выберите необходимый пункт меню и произведите вставку кода программы.
