JavaScript Hello World
Те, кто изучал какой-либо язык, знает, что практически в любом учебном пособии первая программа, которая пишется - это программа Hello World. Почему именно Hello World? По двум причинам: первая причина - это простота кода, вторая причина - данная программа показывает основной синтаксис языка. И в этой статье мы напишем простейшую программу Hello World на языке JavaScript, а также ознакомимся с основами синтаксиса этого языка.
Сразу привожу код Hello World на JavaScript, а дальше объясню, что здесь написано:
<script language = 'javascript'>
document.write("Hello World");
</script>
Если Вы сохраните этот скрипт в файле под расширением "html" и откроете его в браузере, то увидите, что в окне написана надпись: "Hello World". А теперь объясняю, что здесь написано.
Вначале идёт открывающий тег <script> с атрибутом language в значении "javascript". Данная строка означает, что внутри тега <script> идёт код, написанный на языке javascript. На следующей строке написано: "document.write("Hello World");". Document - это объект языка JavaScript, а write() - это метод этого объекта, который принимает в качестве параметра строку (в нашем примере - это "Hello World") и выводит её в браузер. Если Вы знакомы с ООП (объектно-ориентированным программированием), то тогда Вам всё стало уже понятно. А тем, кто не знаком, предлагаю для начала (только для начала) принять строчку "document.write("Hello World");" - как конструкцию, которая выводит в окно браузера строку.
После каждого оператора ставится ";". Хотя JavaScript позволяет этого не делать, но всё же я настоятельно рекомендую Вам их ставить, потому что практически в любом языке программирования они требуются (за небольшим исключением, по типу языка assembler), и желательно привыкать к ним с самого начала.
Когда код JavaScript написан, требуется закрыть тег <script>.
Вот мы и написали простейшую программу Hello World на языке JavaScript.
-
- Михаил Русаков
Комментарии (21):
А валидатор W3C ругается уже на language = 'javascript' для HTML5, считая его устаревшим. Достаточно указать type="text/javascript" (и лучше в двойных кавычках)
Ответить
Тоже только что решил эту проблему. Страница не проходит валидацию XHTML 1.1, если написано <script type="text/javascript" language="javascript"></script>. А так <script type="text/javascript"></script> код валидный.
Ответить
Как называть файл
Ответить
Не важно, только латинскими буквами и без пробелов.
Ответить
Здраствуйте!) Заметил, что иногда js подключают в <head>, иногда в <body>... Михаил, подскажите пожалуйста, как и когда правильнее, и почему) спасибо)
Ответить
Всякие функции подключают в head. А вот их вызов зачастую в body. Правил как таковых нет, надо просто смотреть, где должен быть вызов.
Ответить
Михаил Русаков, у меня такой вопрос. Я видел во вконтакте программный код в просмотре кода элемента и когда я посмотрел какие там длинные строки в ява-скрипт файлах (строк по моему около 4000 ) как это они это делают? вы мне сможете объяснить? А то просто кажется, что ява-скрипт не постежим для изучения
Ответить
Михаил Русаков, у меня такой вопрос. Я видел во вконтакте программный код в просмотре кода элемента и когда я посмотрел какие там длинные строки в ява-скрипт файлах (строк по моему около 4000 ) как это они это делают? вы мне сможете объяснить? А то просто кажется, что ява-скрипт не постежим для изучения
Ответить
Здравствуйте Михаил, хотел спросить у Вас какой из языков более ценится на рынке и какой более легкий в усваивании(JavaScript, php или HTML )? Спасибо.
Ответить
Все эти языки всё равно связаны, и профессиональные сайты делаются с применением каждого из них. Так что сказать какой из них востребованнее сложно.
Ответить
Здравствуйте Михаил!Скажите существует ли в Javascript какой-нибудь графический модуль, наподобие GraphABC в Паскале.
Ответить
К сожалению - язык этого не подразумевает. Есть библиотеки для работы с графикой и для создания графиков например так http://raphaeljs.com
Ответить
Говоря о графическом модуле я не имею ввиду создание графиков. Просто рисование графических примитивов: линий, окружностей, дуг и т.д.но НЕ ИСПОЛЬЗУЯ CSS и HTML. Не то, чтобы мне нужно было что-то нарисовать, просто нужно наверняка знать есть ли в чистом Javascript возможность работы со встроенной графикой (для учебно-иследовательской работы) Интуитивно догадываюсь, что такой возможности нет, но нужно знать наверняка.
Ответить
нету)
Ответить
Спасибо!
Ответить
просто в javascript нет встроенной графики есть отдельные библиотеки,которые позволяют там,залить окружность цветом,или ещё чего или нарисовать график.или кружочек но этот язык далеко не для этого и не стоит его использовать если учебно-исследовательская работа,то Вы ведь должны понимать,что,по большей части компилируемые языки с компилятором именно,а не те,которые компилируются каждый раз при запросе(а ля php) имеют возможности работы с граф.библиотеками
Ответить
Вставил код точно указанный в статье в готовую html старницу в хид, проверил в гугле, фоксе (последние версии) еще с помощью дива выровнял по центру, все работает. А можно ли шрифт пожирнее и побольше размер? Большое спасибо автору
Ответить
Здравствуйте, конечно можно. Жирность шрифта определяется при помощи атрибута CSS font-weight, который может принимать следующие значения: lighter - светлее normal - обычный bold - жирный bolder - более жирный 100..900 - 100 соответствует самому тонкому шрифту; 900 - самому толстому
Ответить
Доброго времени суток, Михаил ! У меня к вам вопрос на других сайтах, посвященных веб-дизайну я встречал темы про геопозиционирование а у вас она есть
Ответить
Здравствуйте Михаил,подскажите пожалуйста почему у меня вместо кода "javascript" появляется какая-то галочка слева вверху.Заранее СПАСИБО!!!.
Ответить
Скорее всего в вашем браузере отключена фунеция отображения js надо включить
Ответить
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.