Уроки Javascript (учебник, самоучитель)

admin друпал drupal

Javascript один из самых популярных языком в мире, хотя со временем он и теряет свои позиции, но на его изучение обращают многие программисты.
Javascript вам понадобится для последующего изучения jQuery, поэтому прежде чем браться за jQuery, который в свою очередь является javascript-фреймворком, нужно все-таки знать основы javascript.
Код Javascript встраивается прямо в код HTML-страницы с помощью кода <script></script>:

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
</script>
</body>
</html>

 

Сохраните этот код в файл index.html и откройте его через браузер. Теперь мы будем править javascript-код в файле index.html.
Давайте начнем с вывода простых сообщений через javascript:

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
alert('Учебник Javascript от drupalbook.ru');
</script>
</body>
</html>

Через функцию alert() мы будем выводить всплывающие окно. Это очень удобно когда нужно быстро вывести значение javascript-переменной или сообщение об ошибке.
Также мы можем выводить текст с помощью функции document.write()

...
<script type="text/javascript">
document.write('Учебник Javascript от drupalbook.ru');
</script>
...

Сохраните файл и обновите страницу браузера, чтобы применились изменения.
Также мы можем вынести javascript-код в отдельный файл:

<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript" src='script.js'>
</script>
</body>
</html>

Таким образом javascript-код будет подгружаться из файла script.js, вставьте в этот файл функцию alert('Учебник Javascript от drupalbook.ru'), чтобы проверить подключился файл или нет.
Я думаю выносить код в отдельные файлы гораздо удобнее, тем самым мы не будем засорять HTML-страницы javascript-кодом.
Эта статья будет в качестве введения в javascript, в следующих статьям мы подробно рассмотрим возможности языка javascript.

Комментарии

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

Войти, используя Loginza Google Account Yandex Mail.ru Vkontakte Facebook
(If you're a human, don't change the following field)
Your first name.
(If you're a human, don't change the following field)
Your first name.

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.