Книга JavaScript: различия между версиями

Материал из Викиучебника — открытых книг для открытого мира
Содержимое удалено Содержимое добавлено
{{Темы|Веб-разработка|JavaScript|Языки программирования|Объектно-ориентированное программирование}} {{BookCat}}
оформление
Строка 32: Строка 32:


Сейчас мы с вами создадим '''первый сценарий на JavaScript''' — уже ставшую стандартной [[w:программа Hello world|программу «Hello World!»]]. Создайте в каком-либо месте текстовый файл ''.txt'' (к примеру на Рабочем столе). Откройте его и введите следующий текст:
Сейчас мы с вами создадим '''первый сценарий на JavaScript''' — уже ставшую стандартной [[w:программа Hello world|программу «Hello World!»]]. Создайте в каком-либо месте текстовый файл ''.txt'' (к примеру на Рабочем столе). Откройте его и введите следующий текст:

<source lang="html5">
<source lang="html5">
<!DOCTYPE html>
<!DOCTYPE html>
Строка 46: Строка 47:
</html>
</html>
</source>
</source>

Сохраните документ, а затем смените расширение файла на ''.htm'' или ''.html''. Откройте его в любом браузере поддерживающем JavaScript. Должна появиться надпись ''Hello World!''.
Сохраните документ, а затем смените расширение файла на ''.htm'' или ''.html''. Откройте его в любом браузере поддерживающем JavaScript. Должна появиться надпись ''Hello World!''.


В принципе можно опустить теги <nowiki><html></nowiki> и <nowiki></html></nowiki>, если вы не собираетесь использовать теги языка разметки ''HTML''.
В принципе можно опустить теги <nowiki><html></nowiki> и <nowiki></html></nowiki>, если вы не собираетесь использовать теги языка разметки ''HTML''.


Программа JavaScript так же может находится в отдельном файле с расширением ''.js''. Содержимое в файле не должно иметь тегов '''<script>…</script>'''. Создадим файл JS.js с содержимым:
Программа JavaScript так же может находиться в отдельном файле с расширением ''.js''. Содержимое в файле не должно иметь тегов '''<script>…</script>'''. Создадим файл JS.js с содержимым:

<source lang="javascript">document.write("Hello World!")</source>
<source lang="javascript">document.write("Hello World!")</source>
и документ JS.htm:
и документ JS.htm:
Строка 62: Строка 65:
</html>
</html>
</source>
</source>

В этом случае результат будет точно такой же.
В этом случае результат будет точно такой же.



Версия от 11:54, 9 мая 2015

Путеводитель

Краткая история


JavaScript разработан компаниями Netscape Communication Corporation (которая создала известный на весь мир Web-браузер Netscape Navigator) и Sun Microsystems. На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java и Си, но при этом лёгким для использования непрограммистами. В качестве ядра в JavaScript используется ECMAScript.

Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке. Однако название «JavaScript» является зарегистрированным товарным знаком компании Oracle Corporation.

JavaScript имел рабочее название LiveScript и впервые был представлен как часть Netscape Navigator 2.0 в 1995 году. Позже его переименовали в JavaScript, чтобы подчеркнуть его сходство с Java.

По инициативе компании Netscape была проведена стандартизация языка ассоциацией ECMA. Стандартизированная версия имеет название ECMAScript, описывается стандартом ECMA-262. Первой версии спецификации соответствовал JavaScript версии 1.1, а также языки JScript и ScriptEasy. JavaScript является самым популярным языком программирования, используемым для разработки веб-приложений на стороне клиента.

Многие пытались писать книги о JavaScript. Многие их даже написали. Здесь создана попытка научить вас этому языку программирования немного иначе. Поскольку JavaScript является объектно-ориентированным языком программирования, то от этого мы и будем в дальнейшем отталкиваться. Целями данного учебника является дать возможность видеть, какие возможности имеет JavaScript, и как их можно использовать для решения различных задач.

JavaScript — это интерпретируемый язык программирования. Его код не нужно предварительно компилировать, и выполняется он непосредственно с web-страницы. Это позволяет быстро отлаживать код. Также вам не потребуется ничего, кроме текстового редактора и браузера (Internet Explorer, Mozilla Firefox, Safari, Google Chrome, Opera), которые скорее всего уже у вас есть.

Сейчас мы с вами создадим первый сценарий на JavaScript — уже ставшую стандартной программу «Hello World!». Создайте в каком-либо месте текстовый файл .txt (к примеру на Рабочем столе). Откройте его и введите следующий текст:

<!DOCTYPE html>
<html>
   <body>
      <script type="text/javascript">
         document.write("Hello World! ");
      </script>
   </body>
</html>

Сохраните документ, а затем смените расширение файла на .htm или .html. Откройте его в любом браузере поддерживающем JavaScript. Должна появиться надпись Hello World!.

В принципе можно опустить теги <html> и </html>, если вы не собираетесь использовать теги языка разметки HTML.

Программа JavaScript так же может находиться в отдельном файле с расширением .js. Содержимое в файле не должно иметь тегов <script>…</script>. Создадим файл JS.js с содержимым:

document.write("Hello World!")

и документ JS.htm:

<!DOCTYPE html>
<html>
   <head>
      <script src="myscript.js" type="text/javascript">
      </script>
   </head>
</html>

В этом случае результат будет точно такой же.

Создание переменных

Для создания переменной в JavaScript используется ключевое слово var. После него указывается имя переменной. Затем переменной можно присвоить значение с помощью оператора присваивания (=) вот так:

var [имя_переменной] = [новое_значение];

Присвоить переменной какое-либо значение можно при создании или после него в любом месте программы. Нужно заметить, что процесс когда переменной даётся её первое значение называется инициализацией.