Форум

[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1
1

Что такое javascript? (Все о javascript?)

Что такое javascript?

Hacker

Offline

Дата: Пятница, 27.04.2012, 15:15 | Сообщение # 1

Группа: Администратор

Сообщений: 366

Репутация: off

Что такое javascript?
* Javascript - скриптовый язык, предназначенный для создания интерактивных веб-страниц.
* Javascript не требуется компилировать, он подключается к HTML-странице и работает "как есть".
* Javascript - НЕ java, а совсем другой язык. Он похоже называется, но не более того. У javascript есть свой стандарт: ECMAScript, спецификация которого находится на сайте в разделе стандарт языка.
* Кто-то говорит, что javascript похож на Python, кто-то говорит о схожести с языками Ruby, Self. Правда заключается в том, что javascript сам по себе. Это действительно особенный язык.

Что умеет javascript?
* Изменять страницу, писать на ней текст, добавлять и удалять теги, менять стили элементов.
* Реагировать на события: скрипт может ждать, когда что-нибудь случится (клик мыши, окончание загрузки страницы) и реагировать на это выполнением функции.
* Выполнять запросы к серверу и загружать данные без перезагрузки страницы. Это иногда называют "AJAX".
* Устанавливать и считывать cookie, валидировать данные, выводить сообщения и многое другое.

=======================================

Подключение и выполнение javascript

Когда браузер читает HTML-страничку, и видит <script> - он первым делом читает и выполняет код, а только потом продолжает читать страницу дальше.

Так, в следующем примере будет показано начало страницы, затем три раза выполнится функция alert, которая выводит окошко с информацией, а только потом появится остальная часть страницы.

=======================================

Подключение и выполнение javascript

Когда браузер читает HTML-страничку, и видит <script> - он первым делом читает и выполняет код, а только потом продолжает читать страницу дальше.

Так, в следующем примере будет показано начало страницы, затем три раза выполнится функция alert, которая выводит окошко с информацией, а только потом появится остальная часть страницы.

Code

02    <body>
03     <h1>Считаем кроликов</h1>
04
05    <script type="text/javascript">
06         for(var i=1; i<=3; i++) {
07             alert("Из шляпы достали "+i+" кролика!")
08         }
09     </script>
10     <h1>...Посчитали</h1>
11    </body>
12    </html>

Code

В этом примере использовались следующие элементы.

<script type="text/javascript"> ... </script>
Тег <script> сообщает браузеру о том, что внутри находится исполняемый скрипт. Атрибут type говорит о том, что это javascript. Вообще говоря, атрибут может отсутствовать - разницы нет, но с точки зрения стандарта его следует указать.
Конструкция for
Обычный цикл, по синтаксису аналогичный другим языкам программирования.
Объявление var i
Объявление переменной внутри цикла: i - локальная переменная.
Функция alert
Выводит сообщение на экран и ждет, пока посетитель не нажмет ОК

Вынос скриптов в заголовок HEAD

Обычно javascript стараются отделить от собственно документа.

Для этого его помещают внутрь тега HEAD, а в теле страницы по возможности оставляется чистая верстка.

В следующем примере javascript-код только описывает функцию count_rabbits, а ее вызов осуществляется по нажатию на кнопку input.

<head>
04 <script type="text/javascript">
05 function count_rabbits() {
06 for(var i=1; i<=3; i++) {
07 // оператор + соединяет строки
08 alert("Из шляпы достали "+i+" кролика!")
09 }
10 }
11 </script>
12 </head>
13
14 <body>
15 <input type="button" onclick="count_rabbits()" value="Считать кролей!"/>
16 </body>
17
18 </html>[code]

Для указания запускаемой по клику функции в input был использован атрибут onclick. Это лишь вершина мощного айсберга javascript-событий.

Внешние скрипты

Обычно javascript-код вообще не пишут в HTML, а подключают отдельный файл со скриптом, вот так:
<script src="/my/script.js"></script>

При этом файл /my/script.js содержит javascript-код, который иначе мог бы находиться внутри тега <script>.

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

Чтобы подключить несколько скриптов - используйте несколько таких тегов:
<script src="/js/script1.js"></script>
<script src="/js/script2.js"></script>
...

При указании атрибута src содержимое тега игнорируется.

То есть одновременно подключить внешний файл и написать что-то внутри тега нельзя. Придется делать два разных тега <script>: первый с src, второй - с командами, которые будут выполнены после выполнения внешнего файла.

Персонажи для Галактики знакомств