Як викликати функцію javascript

Як викликати функцію javascript

Щоб у завантаженої в браузер відвідувача сторінці спрацювала якась функція, написана на мові JavaScript, у вихідний HTML-код повинен бути поміщений відповідний код виклику. Він повинен бути приписаний до якого-небудь елементу, розміщеному на сторінці, і прив’язаний до якоїсь події, що може статися з цим елементом.

Інструкція

  1. Якщо функція повинна спрацювати ще до закінчення завантаження сторінки в браузер, то її виклик слід помістити в заголовну частину вихідного коду — між тегами <head> і </ head>. Якщо код самої функції теж розміщений у заголовку, то рядок з її викликом може випливати безпосередньо за закриваючою дужкою функції. Тестова сторінка з таким варіантом виклику функції може виглядати, наприклад, так:

    <html>

    <head>

    <script>

    function testFunction () {

     alert (‘Функція спрацювала!’)

    }

    testFunction ()

    </ Script>

    </ Head>

    <body> </ body>

    </ Html>
  2. Якщо функція повинна спрацювати після завантаження тіла документа, то її виклик слід помістити в тег body, використавши подія onLoad. Наприклад, так:

    <body onload=»testFunction()»>
  3. Якщо задана функція повинна викликатися при кожному клацанні миші в тілі документа, то потрібно задіяти подія onClick того ж тега body:

    <body onclick=»testFunction()»>
  4. Якщо треба викликати функцію по клацанню в будь-якої певної області сторінки, то можна помістити туди, наприклад, блоковий елемент div і ловити його подія onClick:

    <div onclick=»testFunction()»> Блок DIV </ div>
  5. Клацання миші можна використовувати, як привід для виклику функції, майже з кожним елементом сторінки. З зображенням:

    <img src=»pic.gif» onclick=»testFunction()» />

    З кнопкою:

    <button onclick=»testFunction()»> кнопка </ button>

    З текстовим полем вводу:

    <input type=»text» onclick=»testFunction()» />

    З посиланням:

    <a href=»http://kakprosto.ru» onclick=»testFunction();return false»> посилання </ a>
  6. Для виклику функції після натискання посилання можна застосовувати й інший синтаксис — розмістити відповідний JavaScript-код у атрибут href. Наприклад:

    <a href=»javascript: testFunction();»> посилання </ a>
  7. До будь-якого з цих подій можна додати затримку виклику функції, якщо скористатися методом setTimeout. Наприклад, якщо потрібно викликати функцію через дві хвилини після завантаження сторінки, то можна так написати тег body:

    <body onload=»setTimeout(‘testFunction()’, 120000);»>

    Тут час вказується в мілісекундах, тобто одна тисяч відповідних одній секунді.