В этом руководстве будут показаны подходы к размещению JavaScript в файле HTML.
Где разместить JavaScript в файле HTML?
Размещение JavaScript в файле HTML может быть в:
Подход 1: размещение JavaScript внутри тега в HTML-файле
При таком подходе размещение части кода JavaScript в « <голова> ” будет проиллюстрирован.
Пример
Давайте рассмотрим приведенную ниже демонстрацию:
< главный >
< тип сценария знак равно 'текст/javascript' >
размещение функцииJs ( ) {
тревога ( «Размещение JavaScript внутри тега » )
}
сценарий >
главный >
< тело >
< центр >< кнопка при нажатии знак равно 'размещениеJs()' > Нажми на меня кнопка > центр >
тело >
В приведенном выше фрагменте кода:
- Включите часть кода JavaScript в « <голова> ” с помощью тега “ <скрипт> ' тег.
- В коде JS определите функцию с именем « размещениеJs() ». В его определении отображать указанное сообщение через диалоговое окно предупреждения.
- Наконец, в HTML-коде создайте кнопку с надписью « по щелчку », которое будет перенаправлять на функцию, определенную на предыдущем шаге, при нажатии кнопки.
Вывод
В приведенном выше выводе видно, что код JS работает правильно, поместив его в « <голова> ' тег.
Подход 2: размещение JavaScript внутри тега в HTML-файле
При таком подходе размещение кода JavaScript в « <тело> ” в файле HTML.
Пример
Приведенный ниже пример иллюстрирует изложенную концепцию:
< тело >< центр >< кнопка при нажатии знак равно 'размещениеJs()' > Нажми на меня кнопка > центр >
< тип сценария знак равно 'текст/javascript' >
размещение функцииJs ( ) {
тревога ( «Размещение JavaScript внутри тега » )
}
сценарий >
тело >
В приведенных выше строках кода:
- В рамках « <тело> », аналогичным образом создайте кнопку, вызывающую функцию PlacementJs() с помощью тега « по щелчку ' событие.
- В блоке кода JavaScript объявите функцию с именем « размещениеJs() ».
- Эта функция будет вызываться при нажатии кнопки и отображать указанное сообщение в виде предупреждения.
Вывод
Подход 3: Размещение JavaScript в качестве внешнего файла
Этот конкретный подход включает в себя размещение блока кода JavaScript в виде внешнего файла JS, имеющего определенное имя файла с расширением « .js ' в ' источник атрибут.
Пример
Давайте рассмотрим следующий пример:
< тело >< центр >< кнопка при нажатии знак равно 'размещениеJs()' > Нажми на меня кнопка > центр >
тело >
< тип сценария знак равно 'текст/javascript' источник знак равно внешний файл. js > сценарий >
В приведенном выше HTML-коде:
- Вспомним обсуждаемый подход к созданию кнопки, перенаправляющей на функцию JavaScript» размещениеJs() ».
- После этого интегрируйте функции JavaScript с помощью внешнего файла JS, связанного с указанным именем файла в « источник атрибут.
Давайте перейдем к приведенному ниже коду JS:
размещение функцииJs ( ) {тревога ( 'Это внешний файл JavaScript' )
}
В приведенном выше блоке кода:
- Определите функцию с именем « размещениеJS() ».
- В его определении отображать указанное сообщение через предупреждение при нажатии кнопки.
- В результате этот подход вернет один и тот же результат за счет встраивания файлов HTML и JavaScript.
Вывод
Мы предложили достоверную информацию, связанную с размещением JavaScript в файле HTML.
Заключение
Размещение JavaScript в файле HTML может быть в « <голова> тег « <тело> ” или как внешний “ js-файл ', указав ' источник ». Код JavaScript действует одинаково при размещении в любом из указанных тегов. Однако размещение JavaScript в качестве внешнего файла js способствует повторному использованию кода. Этот блог посвящен размещению JavaScript в файле HTML.