JavaScript начало пути

JavaScript Hello World

Всем доброго времени суток. На связи Алексей Гулынин. В этой первой статье по языку JavaScript, я бы хотел пойти традиционным путём и написать код, с которого начинается изучение любого языка программирования. Это программа "Hello world!!!".Сразу приведу код:

<script type="text/javascript">
document.write("Hello world");
</script>

После того, как мы написали данный код, необходимо сохранить файл с расширением html. Когда мы откроем данный файл в браузере, то увидим, что у нас в браузере отобразилось Hello world.

Давайте разберем, что здесь написано. Создание скрипта на javascript начинается с конструкции <script>. Конструкция type=’text/javascript’ означает, что наш скрипт будет написан на языке javascript. В принципе можно сейчас писать и без данной конструкции, например так:

<script>
document.write("Hello world");
</script>

JavaScript является объектно-ориентированным языком и, если вы знаете немного ООП (ООП буду рассматривать в следующих статьях), то в данной конструкции вам всё должно быть понятно.

Document — это объект языка JavaScript, а write — это метод объекта Document (метод write принимает в качестве аргумента строку, которую и выводит в браузер). Если данная концепция вам покажется сложной для понимания, пока усвойте просто, что конструкция document.write выводит что-то (то, что указано в скобках) в окно браузера.

Как мы видим в конце строки стоит ";". Давайте будем приучать себя к хорошему с самого начала и в конце каждого оператора будем ставить ";". В настоящий момент браузеры достаточно умные и выведут нам сообщение даже если не ставить в конце ";", но всё же я вам настоятельно рекомендую делать это.
Когда мы закончили писать код, необходимо в конце ставить </script>.
Поздравляю вас, вы написали свою первую программу на языке JavaScript.

Первое домашнее задание по языку JavaScript: напишите вместо конструкции document.write — alert("Hello world");. Посмотрите, что изменилось в выводе.

На связи был Алексей Гулынин, оставляйте свои комментарии, увидимся в следующих статьях.


Комментарии:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *