Javascript - Beispiel 1 - Text in die Webseite hineinkopieren
(EN google-translate)
(PL google-translate)
Wie arbeiten HTML und Javascript zusammen?
Über Befehle wie document.getElementById(..) oder document.getElementsByTagName(..) oder document.getElementsByName(..), kann von Javascript aus auf Elemente in der HTML-Seite zugegriffen werden.
Meistens benötigt man dann noch ein Attribut des zurück gegebenen Objektes, wie "value" oder "innerHTML".
Ein Beispiel, bei dem über javascript der Inhalt einer Webseite auf Knopfdruck verändert wird, soll dies veranschaulichen.
Die Funktion testen() wird von einem Input-Element vom Typ button aufgerufen, welches Teil der HTML-Webseite im body-Bereich ist.
Genauer werden besondere Eingenschaften und Zustände des aktuell verwendeten Webbrowsers gesammelt und angezeigt:
<html>
<head>
<script language:javascript>
function testen()
{
var text = "";
text+="Das ist ein Test.<br/>";
text+="Webbrowser ist online: "+window.navigator.onLine+"<br/>";
text+="Typ des Webbrowsers: "+window.navigator.userAgent+"<br/>";
text+="Name des Webbrowsers: "+window.navigator.appCodeName+"<br/>";
document.getElementById("ausgabe").innerHTML = text;
}
</script>
</head>
<body>
<pre id="ausgabe">
</pre>
<br/>
<fieldset>
<input type="button" value="TEST" onclick="javascript:testen()"/>
</fieldset>
<br/>
</body>
</html>
Code 0-1: Quelltext zu obigem Beispiel