Crashkurs - JacaScript

JavaScript und Java sind sehr verschieden und sollten nicht verwechselt werden!
Siehe Java - Applet - Servlet - CGI-Script für mehr vergleichende Informationen.

JavaScript ist in den HTML-Code einer Webseite "eingebunden" (oder in einer separaten Datei notiert: dann wird vom HTML-Code aus auf diese JavaScript Datei verwiesen) und kann nicht ohne einen Browser ausgeführt werden.

JavaScript wird als Quelltext zur Laufzeit interpretiert. (Siehe bei Java: Vergleich JavaScript - Java).

JavaScript ist eine vergleichsweise einfache Sprache und speziell für das www entwickelt wurden.

Mit JavaScript wird ein Programm ausgeführt. Mit HTML kann Text lediglich formattiert werden. JavaScript ist notwendig, wenn man mehr als HTML auf seiner Webseite haben möchte.
Die Möglichkeiten von JavaScript sind breit angelegt. Es gibt viele Internetseiten, welche fertige JavaScripte für die unterschiedlichsten Zwecke anbieten.
Es folgt ein Beispiel, wie ein JavaScript sich auswirkt, welches in eine HTML-Datei eingebunden ist. Das JavaScript ist das sogenannte "Rollover Image". Beim Rollover Image wird eine Grafik ersetzt, sobald sich die Maus über dieser Grafik befindet. Der Programmcode zum "Rollover Image" steht am Ende dieser Seite.
Das "Rollover Image" ist ein fertiges JavaScript, welches mit Hilfe von 1st Page erstellt wurde.

Der Programmcode zum JavaScript "Rollover Image". Man beachte: Ein JavaScript steht normalerweise im "head".

<html>

<head>

<!-- Rollover Image Script - Place within <head> tag -->
<script language="JavaScript" type="text/javascript">
<!-- Hide from older browsers
function SwitchImg()
{ //start
  var rem, keep=0, store, obj, switcher=new Array, history=document.Data;
    for (rem=0; rem < (SwitchImg.arguments.length-2); rem+=3) {
    	store = SwitchImg.arguments[(navigator.appName == 'Netscape')?rem:rem+1];
    if ((store.indexOf('document.layers[')==0 && document.layers==null) ||
        (store.indexOf('document.all[')==0 && document.all==null))
         store = 'document'+store.substring(store.lastIndexOf('.'),store.length);
         obj = eval(store);
    if (obj != null) {
   	   switcher[keep++] = obj;
      switcher[keep++] = (history==null || history[keep-1]!=obj)?obj.src:history[keep];
      obj.src = SwitchImg.arguments[rem+2];
  } }
  document.Data = switcher;
} //end

function RestoreImg()
{ //start
  if (document.Data != null)
    for (var rem=0; rem<(document.Data.length-1); rem+=2)
      document.Data[rem].src=document.Data[rem+1];
} //end

// end hiding contents -->
</script>

</head>



<body>

<a href="../../../crashkurs/crashkurs/js_link.html" onMouseOut="RestoreImg()" 
onMouseOver="SwitchImg('document.steh','document.steh',
'../../../crashkurs/crashkurs/schrift_link.gif')">
<img src="../../../crashkurs/crashkurs/schrift_prel2.gif" 
name="steh" width="397" height="32" alt="fall" border="0"></a>

</body>

</html>