мая 11

Основы программирования JavaScript


Всем привет!

Я начинаю новую рубрику о JavaScript. Года 4 назад мне нужно было срочно выполнить несколько заданий на JavaScript. Но к сожалению я в нем не особо разбирался.

И тогда я пошел и купил книжку, как сейчас помню, «JavaScript экспресс курс», автор Марина Дмитриева. За ночь я ее пролистал и выполнил задания, ну и больше ни касался этой темы.

А на днях мне взбрела в голову мысль о том, что нужно освежить свои данные о JavaScript и систематизировать их. Вот я буду освежать мысли и их систематизировать в своем блоге :o) НУ приступим.

Основные моменты

Для начала проведем небольшой ликбез и вспомним, что такое JavaScript. Википедия рулит и разруливает :o)

JavaScript — объектно-ориентированный скриптовый язык программирования.
JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

Сценарии, написанные на языке javascript, могут располагаться на самой html-странице между тегами <script></script>, которые в свою очередь обычно находятся в тегах <head></head>. У тега <script> должен быть указан параметрlanguage, который и указывает язык написания скрипта:

<html>
  <head>
    <title>Заголовок документа</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script language="javascript">  </script>
  </link></head>
  <body>
  </body>
</html>

Теоретически теги могут располагаться и в теле документа (в тегах ). Выполняться такой сценарий будет тогда, когда браузер «дочитает» страницу до этого места (до тегов ). Использовать такой способ сейчас не принято, но все равно давайте посмотрим как это выглядит.

<html>
  <head>
    <title>Заголовок документа</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <script language="javascript">
      document.write("Вот и моя первая страница на javascript.");
    </script>
  </link></head>
  <body>
  </body>
</html>

Если мы сохраним этот код в html и запустим в браузере то увидим надпись, которая в скобках. Браузер читает нашу html-страницу, видит оператор для выполнения document.write(«Вот и моя первая страница на javascript»); и выполняет его. documen является объектом, а write — методом.

Все объекты имеют методы (отделяются от объекта точкой), например:
document.write позволяет писать текст в текущую страницу,

Также объекты имеют свойства, например:
document.title содержит заголовок страницы.
document.bgcolor содержит значение фонового цвета текущей страницы,

Запомнить
И не забываем, что все инструкции программного кода заканчиваются точкой с запятой.

Переменные

Переменные используются для хранения данных. Переменные определяются с помощью оператора var, после которого следует имя переменной. Имя переменной должно начинаться с буквы латинского алфавита или с символа подчеркивания. Само имя может включать буквы латинского алфавита, цифры и знак подчеркивания.

Например:
var perem
var _cena
var _count_perem

Каждой переменной можно присвоить значение либо при ее инициализации (объявлении), либо в коде самой программы. Оператор присваивания обозначается знаком равно (=), но знак равенства здесь не имеет своего прямого значения. В данном случае он лишь указывает на то, что данной переменной присвоили значение.

Например:
var a=15
var b=20
var c= a + b
document.write(c);

Ну думаю с математическими выражениями тут понятно.
На сегодня пока хватит, можно потренироваться с математическими выражениями.
В следующем выпуске хочу освежить воспоминания про массивы в JavaScript.
Надеюсь статья была полезна, спасибо за внимание.

автор FofonRed \\ теги:

Один Пинг к “Основы программирования JavaScript”

  1. Массивы JavaScript вспоминаем основы | FofonRed Blog Говорит:

    […] рубрику о JavaScript. В прошлом посте мы вспоминали Основы программирования JavaScript . Сегодня хочу поговорить о Массивах. Что это и с чем […]


Написать ответ