На текущий момент Javascript используется не только в браузерах, но здесь я покажу именно пример для браузеров (предполагается, что с HTML вы уже знакомы). Пусть есть HTML-страница:
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <html> <head> <title>Заголовок</title> <META http-equiv=Content-Type content="text/html; charset=utf-8"> </head> <body> <div>Некоторый текст</div> </body> </html> |
Javascript-код добавляется с помощью тега script. Внутри тега script содержится сам код. Этот код начинает выполняться сразу же, как только загрузится, не дожидаясь окончания загрузки остальной части документа.
Можно внедрить Javascript-код в саму страницу:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html> <head> <title>Заголовок</title> <META http-equiv=Content-Type content="text/html; charset=utf-8"> </head> <body> <div>Некоторый текст</div> <script type="text/javascript"> // Сюда писать встроенный в страницу HTML-код alert("Привет, мир!"); </script> </body> </html> |
Приведённый выше пример выведет сообщение «Привет, мир!» при загрузке страницы.
Можно расположить Javascript-код в отдельном файле (в этом случае дальнейшей загрузки страницы происходить не будет до полной загрузки файла с кодом и его выполнения):
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<!DOCTYPE html> <html> <head> <title>Заголовок</title> <META http-equiv=Content-Type content="text/html; charset=utf-8"> <!-- Пример подключения внешнего файла с кодом --> <script type="text/javascript" src="mycode.js"></script> </head> <body> <div>Некоторый текст</div> </body> </html> |
Тогда по адресу, указанному в атрибуте src (в данном случае файл mycode.js в том же каталоге, что и HTML-страница), нужно будет расположить файл mycode.js, в котором будет Javascript-код. Например, такой:
1 |
alert("Привет, мир!"); |