» » Підключення та виконання javascript

Підключення та виконання javascript
Підключення та виконання javascriptУ цьому розділі ми частинами розглянемо всі основні елементи javascript. Це дозволить відразу писати і тестувати найпростіші скрипти.

javascript підключається безпосередньо в HTML-файл. Найпростіший спосіб - це написати javascript-команди всередину тега де-небудь в тілі сторінки.

Підключення в будь-якому місці

Коли браузер читає HTML-сторінку, і бачить - він першим ділом читає і виконує код, а тільки потім продовжує читати сторінку далі.
Так, у наступному прикладі буде показано початок сторінки, потім три рази виконається функція alert, яка виводить віконце з інформацією, а тільки потім з'явиться інша частина сторінки.


<html>
<body>
    <h1>Рахуємо кроликів</h1>

    <script type="text/javascript">
        for(var i=1; i<=3; i++) {
            alert("З капелюха дістали "+i+" кролика!")
        }
    </script>
    <h1>...порахували</h1>
</body>
</html>


У цьому прикладі використовувалися наступні елементи.

<scrірt type="text/javascript"> ... </ script>

Тег повідомляє браузеру про те, що всередині знаходиться виконуваний скрипт. Атрибут type говорить про те, що це javascript. Взагалі кажучи, атрибут може бути відсутнім - різниці немає, але з точки зору стандарту його слід вказати.

Конструкція for - Звичайний цикл, по синтаксису аналогічний іншим мовам програмування.
Оголошення var - Оголошення змінної всередині циклу: i - локальна змінна.
функція alert - Виводить повідомлення на екран і чекає, поки відвідувач не натисне ОК

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

Зазвичай javascript намагаються відокремити від власне документа.
Для цього його поміщають всередину тега HEAD, а в тілі сторінки по можливості залишається чиста верстка.
У наступному прикладі javascript-код тільки описує функцію count_rabbits, а її виклик здійснюється після натискання на кнопку input.


<html>
 
     <head>
         <scrірt type="text/javascript">
            function count_rabbits () {
                 for (var i = 1; i <= 3; i + +) {
                    / / Оператор + з'єднує рядки
                    alert ("З капелюхи дістали" + i + "кролика!")
                 }
             }
          </ scrірt>
     </ head>
 
     <body>
          <input type="button" onclick="count_rabbits()" value="Счітать кролей!"/>
     </ body>
</ html>


Для вказівки запускається по кліку функції в input був використаний атрибут onclick. Це лише вершина потужного айсбезга javascript-подій.

Зовнішні скрипти

Зазвичай javascript -код взагалі не пишуть в HTML , а підключають окремий файл зі скриптом , ось так:

<scrірt src="/my/script.js"> </ script >

При цьому файл / my / script.js містить javascript -код , який інакше міг би перебувати всередині тега .

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

Щоб підключити декілька скриптів - використовуйте кілька таких тегів :


<scrірt src="/js/script1.js"> </ script >
<scrірt src="/js/script2.js"> </ script >
...


Тобто одночасно підключити зовнішній файл і написати щось всередині тега можна. Доведеться робити два різних тега : перший з src , другий - з командами , які будуть виконані після виконання зовнішнього файлу .


4596 09.10.13



Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера




Аватар
Oboramanitka  18:57, 23 ноября

В современных молодежных журналах девушкам внушается, что если они до определенного возраста сохранили чистоту и, например, ни с кем не целовались, то у них многое в жизни потеряно и замуж их никто не возьмет, поэтому, пока не поздно, надо наверстывать упущенное. Таким образом, у целомудренных девушек создается комплекс неполноценности. Как можно прокомментировать такую ситуацию?

Відповісти