Това ръководство ще илюстрира подходите за поставяне на JavaScript в HTML файл.
Къде да поставите JavaScript в HTML файл?
Поставянето на JavaScript в HTML файл може да бъде в:
Подход 1: Поставяне на JavaScript в тага в HTML файл
При този подход поставянето на JavaScript частта от кода в „ <глава> ” ще бъде илюстриран.
Пример
Нека направим общ преглед на демонстрацията по-долу:
< глава >
< тип скрипт = 'текст/javascript' >
разполагане на функцияJs ( ) {
тревога ( „Разположението на JavaScript е в тага “ )
}
сценарий >
глава >
< тяло >
< център >< бутон при щракване = 'placementJs()' > Щракнете върху мен бутон > център >
тяло >
В горния кодов фрагмент:
- Включете JavaScript частта от кода в „ <глава> ” с помощта на „ <скрипт> ” таг.
- В JS кода дефинирайте функция с име „ placementJs() ”. В неговата дефиниция покажете посоченото съобщение чрез диалоговия прозорец за предупреждение.
- И накрая, в HTML кода създайте бутон с „ onclick ”, което ще пренасочи към дефинираната функция в предишната стъпка при натискане на бутона.
Изход
В горния резултат може да се види, че JS кодът работи правилно, като го поставите в „ <глава> ” таг.
Подход 2: Поставяне на JavaScript в таг в HTML файл
При този подход поставянето на JavaScript код в рамките на „ <тяло> ” в HTML файл ще бъдат обсъдени.
Пример
Даденият по-долу пример илюстрира заявената концепция:
< тяло >< център >< бутон при щракване = 'placementJs()' > Щракнете върху мен бутон > център >
< тип скрипт = 'текст/javascript' >
разполагане на функцияJs ( ) {
тревога ( „Разположението на JavaScript е в тага “ )
}
сценарий >
тяло >
В горните редове код:
- В рамките на „ <тяло> ”, по същия начин създайте бутон, извикващ функцията placementJs() с помощта на „ onclick ” събитие.
- В кодовия блок на JavaScript декларирайте функция с име „ placementJs() ”.
- Тази функция ще бъде извикана при щракване върху бутона и ще покаже посоченото съобщение чрез предупреждение.
Изход
Подход 3: Поставяне на JavaScript като външен файл
Този конкретен подход включва поставянето на кодов блок на JavaScript като външен JS файл с конкретно име на файл с разширение „ .js ' в ' src ' атрибут.
Пример
Нека да разгледаме следния пример:
< тяло >< център >< бутон при щракване = 'placementJs()' > Щракнете върху мен бутон > център >
тяло >
< тип скрипт = 'текст/javascript' src = външен файл. js > сценарий >
В горния HTML код:
- Спомнете си обсъждания подход за създаване на бутон, пренасочващ към функцията на JavaScript “ placementJs() ”.
- След това интегрирайте функционалностите на JavaScript с помощта на външен JS файл, свързан с посоченото име на файл в „ src ' атрибут.
Нека да преминем към дадения по-долу JS код:
разполагане на функцияJs ( ) {тревога ( „Това е външен JavaScript файл“ )
}
В горния кодов блок:
- Дефинирайте функция с име ' разположениеJS() ”.
- В неговата дефиниция покажете посоченото съобщение чрез предупреждение при натискане на бутона.
- Този подход в крайна сметка ще върне същия резултат чрез вграждане както на HTML, така и на JavaScript файлове.
Изход
Предлагаме автентична информация, свързана с поставянето на JavaScript в HTML файл.
Заключение
Поставянето на JavaScript в HTML файл може да бъде в „ <глава> ” етикет, „ <тяло> ” или като външен “ js файл ”, като посочите „ src ”. JavaScript кодът действа по същия начин, когато е поставен в някой от посочените тагове. Въпреки това, поставянето на JavaScript като външен js файл подпомага повторното използване на кода. Този блог ръководи, свързани с поставянето на JavaScript в HTML файл.