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

2 ноября 2014 г. Просмотров: 726 Инструкции
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 будет включен в страницу. Стоит отметить, что для успешного добавления внешний файл не должен содержать элементов .
  • Оцените статью!