Как вызвать js функцию в html коде?

Пользователь

от clifford , в категории: HTML/CSS , 3 года назад

Как вызвать js функцию в html коде?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от abel , 3 года назад

@clifford  Вызвать js функцию в html коде можно так:


1
<script src="файл.js">


Пользователь

от cierra , год назад

@clifford 

Чтобы вызвать JavaScript функцию в HTML коде, необходимо использовать события HTML DOM (Document Object Model).


Например, если у вас есть функция с именем "myFunction", вы можете вызвать ее при нажатии на кнопку с помощью следующего кода:

1
Нажми меня


Также можно использовать другие события, например:

1


Этот код вызовет функцию "myFunction" при потере фокуса у поля ввода типа "text".

1


Этот код вызовет функцию "myFunction" при загрузке изображения.


Однако лучшей практикой является размещение JavaScript кода в отдельном файле, а затем подключение его к HTML с помощью тега <script> и вызов функций уже из него.


Например, если ваш файл с JavaScript кодом называется "myscript.js", вы можете подключить его к HTML следующим образом:

1
2
3
4
5
6
7
8
9
	Моя веб-страница
	








После этого вы можете вызвать функцию "myFunction" из вашего файла "myscript.js" в HTML таким образом:

1
Нажми меня


Но сначала функция должна быть определена в файле "myscript.js":

1
2
3
function myFunction() {
	// ваш код JavaScript здесь
}