Как вставить скрипт в html?

HTML – язык разметки веб-страниц, отвечающий за отображение графических и текстовых элементов. С его помощью можно также применять скрипты, написанные на различных языках программирования. Для вставки скрипта в HTML используется специальный элемент .
Создать сайт самостоятельно с Wix.com

Инструкция

Код может быть вставлен в страницу как в теле документа , так и в секции . Для добавления активного содержимого можно использовать неограниченное количество элементов. Главное, чтобы добавленные скрипты не мешали отображению основного контента. Для редактирования HTML-кода откройте вашу страницу в любом текстовом редакторе. Веб-мастера чаще всего используют программы, имеющие в своем функционале подсветку используемых дескрипторов: Notepad++, Web Development Studio, HTML Reader. Нужный файл можно также открыть при помощи стандартного приложения «Блокнот» операционной системы Windows.

В окне текстового редактора впишите HTML-код. Например, чтобы вставить JavaScript в страницу используйте следующую команду: Код для выполнения Указанный код будет выполнен при загрузке страницы и будет исполнен в рамках дескриптора . В данном случае параметр type дает обработчику понять, что дальше будет использован язык программирования JavaScript.

Для того чтобы скрипт обрабатывал определенное событие, например, при нажатии кнопки, необходимо вставлять его внутри функции. В секции укажите код скрипта:Function displayDate(){ document.getElementById(“perform”).innerHTML=Date(); }Данный код JavaScript отвечает за отображение текущего времени на странице, однако для ее вывода на монитор необходимо вписать дополнительную команду обработки сгенерированного в процессе работы текста.

В теле документа средствами HTML создайте кнопку, которая и будет отвечать за активацию элемента:

Отобразить времяЭтот код создает кнопку-обработчик JavaScript. После ее нажатия будет выведен результат работы скрипта.

Чтобы включить в HTML внешнюю программу-скрипт, находящуюся в определенном файле, необходимо выполнить следующий код:После выполнения указанный скрипт с именем file.js будет включен в страницу. Стоит отметить, что для успешного добавления внешний файл не должен содержать элементов .

Оцените статью!