Как да вградите скрипт в Html

Съдържание:

Как да вградите скрипт в Html
Как да вградите скрипт в Html

Видео: Как да вградите скрипт в Html

Видео: Как да вградите скрипт в Html
Видео: Как подключить Javascript файл к html документу 2024, Декември
Anonim

HTML е език за маркиране на уеб страници, който е отговорен за показване на графични и текстови елементи. Може да се използва и за прилагане на скриптове, написани на различни езици за програмиране. За вмъкване на скрипт в HTML се използва специален елемент.

Как да вградите скрипт в html
Как да вградите скрипт в html

Инструкции

Етап 1

Кодът може да се вмъкне в страницата както в тялото на документа, така и в раздела. Можете да използвате неограничен брой елементи за добавяне на активно съдържание. Основното е, че добавените скриптове не пречат на показването на основното съдържание. За да редактирате HTML код, отворете страницата си във всеки текстов редактор. Уеб администраторите най-често използват програми, които имат подчертани дескриптори във функционалността си: Notepad ++, Web Development Studio, HTML Reader. Необходимият файл може да бъде отворен и със стандартното приложение Notepad на операционната система Windows.

Стъпка 2

В прозореца на текстовия редактор въведете HTML кода. Например, за да инжектирате JavaScript в страница, използвайте следната команда:

Код за изпълнение

Посоченият код ще бъде изпълнен при зареждане на страница и ще бъде изпълнен в дескриптора. В този случай параметърът на типа уведомява манипулатора, че следващият език ще се използва за програмиране на JavaScript.

Стъпка 3

За да може скриптът да обработи конкретно събитие, например при натискане на бутон, той трябва да бъде вмъкнат във функция. В раздела посочете кода на скрипта:

Функция displayDate ()

{document.getElementById („изпълнение“). innerHTML = Дата (); }

Този JavaScript код е отговорен за показване на текущото време на страницата, но за да го покажете на монитора, трябва да въведете допълнителна команда за обработка на текста, генериран по време на работа.

Стъпка 4

В тялото на документа, използвайки HTML, създайте бутон, който ще отговаря за активирането на елемента:

Време за шоу

Този код създава бутон за обработка на JavaScript. След като щракнете върху него, ще се покаже резултатът от скрипта.

Стъпка 5

За да включите в HTML външна скриптова програма, разположена в определен файл, трябва да стартирате следния код:

След като бъде изпълнен, посоченият скрипт с име file.js ще бъде включен на страницата. Заслужава да се отбележи, че външният файл не трябва да съдържа елементи за успешно добавяне.

Препоръчано: