Подключение скрипта прямо в html
для подключение скрипта javascript непосредственно в html используется тег <script>
Пояснение кода
- Строка с 8 по 12 встроен скрипт js
- на 15 строке идет вызов данного скрипта
index.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Как подключить скрипты js в html</title> <script> function peshkovvScript() { alert('Привет мир') } </script> </head> <body> <a onclick="peshkovvScript()">Вызвать окно "Привет мир" </a> </body> </html> |
Подключить скрипт js из папки
Для этого так же используется тег <script> только теперь с атрибутом src
Пояснение кода
- на 10 строчке так же вызывается окно по клику
- на 11 строчке подключен скрипт с именем main.js из папки scripts
index.html
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Как подключить скрипты js в html</title> </head> <body> <a onclick="peshkovvScript()">Вызвать окно "Привет мир" </a> <script src="scripts/main.js"></script> </body> </html> |
javascript
1 2 3 |
function peshkovvScript() { alert('Привет мир') } |