Inne działy

 

JavaScript zdarzenie onLoad

 

Zdarzenie onLoad jest wywoływane, gdy użytkownik wchodzi na stronę internetową.

Zdarzenie onLoad jest najczęściej używane w elemencie <body> często używane w celu sprawdzenia typu i wersji przeglądarki, jakiej używa użytkownik odwiedzający naszą stronę, aby załadować odpowiednią wersję stronę internetowej w zależności od używanej przeglądarki.

Zdarzenie onLoad jest często wykorzystywane do współpracy z plikami cookie, które powinny być ustawione, gdy użytkownik wchodzi na stronę. Na przykład, możesz mieć okno typu popup z prośbą o nazwę użytkownika wyświetlone przy pierwszej wizycie użytkownika na stronie. Nazwa ta jest następnie przechowywana w pliku cookie. Gdy następnym razem gość odwiedzi naszą stronę, możesz wyświetlić napis w stylu "Witaj Adam Kowalski".

Obsługiwane znaczniki HTML: <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>

Składnia:

 

// Javascript
element.onload = jsFunkcja;
// HTML
<element onload="jsFunkcja();"></element>

Poniższy kod zapewnia, że element <body> zakończy ładowanie przed uruchomieniem skryptu.

Obsługa skryptu zdarzenia onloadpoprzez JavaScript i DOM:

 

<!DOCTYPE html>

<html>
    <head>
        <title>Obsługa zdjęcia onLoad prez JavaScript</title>
        <meta charset="UTF-8">
        
    </head>
    <body>
        <h2>Witamy progamistów</h2>
        <script type="text/javascript">
            function poZaladowaniu(){
                alert("Moja strona została załadowana w całości");
            }
            window.document.body.onload = poZaladowaniu;
        </script>
    </body>
</html>

Obsługa zdarzenia onload bezpośrednio przez element HTML:

 

<!DOCTYPE html>

<html>
    <head>
        <title>Obsługa zdjęcia onLoad prez HTML</title>
        <meta charset="UTF-8">
        <script type="text/javascript">
            function poZaladowaniu(){
                alert("Moja strona została załadowana w całości");
            }
            window.document.body.onload = poZaladowaniu;
        </script>
    </head>
    <body onload="poZaladowaniu();">
        <h2>Witamy progamistów</h2>
        
    </body>
</html>

 

Zobacz nasze wszystkie kursy

WWW


HTML
HTML - Znaczniki
CSS - Tutorial
CSS - Selektory
PHP
JavaScript

XML

XSLT

Bazy danych


SQL
SQLite
MySQL
PostgreSQL

 

 

Programowanie


C
C++
C#
Java
VisualBasic
Python

Linux


Podstawy Linuxa
Bash
Linuks artykuły

Windows


Excel funkcje
Windows wskazówki
Outlook

Pozotałe działy


Programy
Rozrywka

 

 

 

This email address is being protected from spambots. You need JavaScript enabled to view it.