Grafiken Flash HTML & CSS PHP & MySQL Javascript Fertige Skripte Anderes Statistik
|
|
Anzeigen
|
2x bewertet
Javascript erkennt man sofort am Anfangs und Endtag.
Um JavaScript in eine Seite einzubringen, gibt es 4 Möglichkeiten.
1. zwischen <head> und </head>
Wer schon einmal, irgendein vorgefertigtes JavaScript Script benutzt hat, wird das hier kennen.
Auf diesen Code, kann man später zurückgreifen.
<!-- und //--> sind da, weil ältere Browser sonst den Code mitausgeben würden.
2. zwischen <body> und </body>
Im Body kann man auf die Funktionen aus de Head z.B. zugreifen und sie ausführen lassen.
Oder wenn irgendeine Sache, wie eine Uhr oder Countdown, immer an einer Stelle angezeigt werden soll
3. in den body Tag
Hier wird, beim Laden der Seite eine Funktion ausgeführt. Diese Funktion muss vorher im head bestimmt worden sein, oder aus einer externen JS Datei.
4. externe JS Datei
Die meisten kennen das aus CSS, es ist "unschick" einen CSS Code in die HTML Seite zuschreiben, alle benutzen eine externe Datei.
Ist auch eigentlich das selbe wie CSS, nur statt .css müssen die Datein .js als Endung haben.
Und der Code zum einfügen sieht so aus:
Das kommt einem ja aber auch irgendwie bekannt vor.
(Wenn nicht, schlechte Vorraussetzung zum JS lernen..)
Unsere ersten Schritte mit JavaScript
Nach all der trockenen Theorie, mal ein bisschen selber programmieren.
Was viele aus PHP kennen, dass "Hello World", übertragen wir jetzt einfach auf Javascript.
Vorher neues HTML oder PHP Dokument erstellen un den untenstehenden Code einfügen, speichern und aufrufen.
Und was sehen wir? (ich jedenfalls *g)
Hello World
Ganz einfach und ohne großen Schnickschnack.
Natürlich braucht man für so etwas kein JavaScript.
Das war ein kleiner Einblick, in den nächsten Tutorials zeige ich mal ernsthafte Anwendungen. :)
<script type="text/javascript">
<!--
...
//-->
</script>
Um JavaScript in eine Seite einzubringen, gibt es 4 Möglichkeiten.
1. zwischen <head> und </head>
Wer schon einmal, irgendein vorgefertigtes JavaScript Script benutzt hat, wird das hier kennen.
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
...
//-->
</script>
</head>
<body>
</body>
Auf diesen Code, kann man später zurückgreifen.
<!-- und //--> sind da, weil ältere Browser sonst den Code mitausgeben würden.
2. zwischen <body> und </body>
<html>
<head>
<title></title>
</head>
<body>
<script>
</script>
</body>
Im Body kann man auf die Funktionen aus de Head z.B. zugreifen und sie ausführen lassen.
Oder wenn irgendeine Sache, wie eine Uhr oder Countdown, immer an einer Stelle angezeigt werden soll
3. in den body Tag
<body onload="funktion();">
Hier wird, beim Laden der Seite eine Funktion ausgeführt. Diese Funktion muss vorher im head bestimmt worden sein, oder aus einer externen JS Datei.
4. externe JS Datei
Die meisten kennen das aus CSS, es ist "unschick" einen CSS Code in die HTML Seite zuschreiben, alle benutzen eine externe Datei.
Ist auch eigentlich das selbe wie CSS, nur statt .css müssen die Datein .js als Endung haben.
Und der Code zum einfügen sieht so aus:
<script language="javascript" type="text/javascript" src="datei.js">
Das kommt einem ja aber auch irgendwie bekannt vor.
(Wenn nicht, schlechte Vorraussetzung zum JS lernen..)
Unsere ersten Schritte mit JavaScript
Nach all der trockenen Theorie, mal ein bisschen selber programmieren.
Was viele aus PHP kennen, dass "Hello World", übertragen wir jetzt einfach auf Javascript.
Vorher neues HTML oder PHP Dokument erstellen un den untenstehenden Code einfügen, speichern und aufrufen.
<html>
<head>
<title></title>
<script language="JavaScript" type="text/javascript">
<!--
function hallo() {
document.write("Hello World");
}
//-->
</script>
</head>
<body>
<script language="JavaScript">
hallo();
</script>
</body>
</html>
Und was sehen wir? (ich jedenfalls *g)
Hello World
Ganz einfach und ohne großen Schnickschnack.
Natürlich braucht man für so etwas kein JavaScript.
Das war ein kleiner Einblick, in den nächsten Tutorials zeige ich mal ernsthafte Anwendungen. :)
Emre
super erklärt!