Inne działy

 

 

Gdzie umieścić skrypt JavaScript

Skrypt JavaScripts na stronie będzie wykonywany natychmiast, podczas gdy strona ładuje się do przeglądarki. Nie zawsze jest to czego chcemy. Czasami chcemy uruchomić skrypt podczas wczytywania strony, lub w późniejszym czasie, np. gdy użytkownik kliknie przycisk. Kiedy tak jest w takim przypadku możemy umieścić skrypt wewnątrz funkcji. O funkcjach dowiesz się więcej w następnych lekcjach.

Skrypt w sekcji <head>

Skrypty, które mają być wykonywane, gdy się je wywołuje, lub gdy zdarzenie jest wywoływane, umieszczane są w funkcji.

Umieść swoje funkcje w sekcji head. W ten sposób wszystkie funkcje będą umieszczone w jednym miejscu i nie będą kolidowały z zawartością strony. Przykład z oknem dialogowym alert jest pokazany poniżej:

 

<html>
<head>
<script type="text/javascript">
function wiadomosc()
{
alert("Okno dialogowe alert zostanie wywołane przy zdarzeniu onload");
}
</script>
</head>
<body onload="wiadomosc()">
</body>
</html>

okno alert 

 

 

 

 

 


 

Skrypty w sekcji <body>

Jeśli nie chcesz, żeby twój skrypt był umieszczony wewnątrz funkcji lub skrypt powinien zapisywać treść wewnątrz zawartości strony, to należny go umieścić  w sekcji <body>. Tak jak na przykładzie poniżej:

 

<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("Ta wiadomość jest wyświetlana za pomocą JavaScript");
</script>
</body>
</html>

 W wyniku wykonania tego skryptu będzie wyświetlenie następującego tekstu:

Ta wiadomość jest wyświetlana za pomocą JavaScript


 

Skrypty w sekcji <head> i <body>

Możesz umieścić nieograniczoną liczbę skryptów w dokumencie, dzięki czemu można mieć skrypty zarówno w sekcji <body> oraz sekcji <head>.

 

<html>
<head>
<script type="text/javascript">
function wiadomosc()
{
alert("Okno dialogowe alert zostanie wywołane przy zdarzeniu onload");
}
</script>
</head>
<body onload="wiadomosc()">
<script type="text/javascript">
document.write("Ta wiadomość jest wyświetlana za pomocą JavaScript");
</script>
</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.