JavaScript: Difference between revisions

JavaScript (view source)

94 bytes removed , 9 December 2011

→‎Event-Handler: HTML-Beispiel vereinfacht.

Bureaucrats, emailconfirmed

1,221

edits

@@ Line 82: / Line 82: @@
 == Event-Handler ==
-Mit "Event-Handlern" kann man auf Ereignisse und Benutzeraktionen reagieren:
+Mit "Event-Handlern" kann man auf Ereignisse und Benutzeraktionen reagieren.
+Die Einfachste Möglichkeit ist den Event-Handler direkt ins HTML einzubinden:
 <source lang="HTML4Strict">
-<!-- Funktion definieren -->
+<p><a href="#" onclick="alert('Hallo Welt!');">Rufe JavaScript auf</a></p>
-<script language="javascript" type="text/javascript"><!--
-	function showAlert(myMsg) {
-		// zeige alert
-		alert(myMsg);
-	}
---></script>
-<p><a href="#" onclick="showAlert('Hallo Welt!');">Rufe JavaScript auf</a></p>
 </source>
 Der Event-Handler im Beispiel ist <tt>onclick="function();"</tt>
-Besser ist es aber, HTML und Javascript zu trennen, und die Event-Handler im Javscript hinzuzufügen.
+Besser ist es aber, HTML und Javascript zu trennen, und die Event-Handler im Javscript hinzuzufügen. Dazu holt man sich das Dom-Element, und gibt diesem einen Handler:
-dazu holt man sich das Dom-Element, und gibt diesem einen Handler:
 <source lang="JavaScript">
 function changeElement(e){