JavaScript Grundlagen: JavaScript-Konsole


JavaScript ist eine Skriptsprache die typischerweise für Webseiten verwendet wird. Beim Aufruf einer Webseite wird bei nahezu allen Webseiten zusätzlich JavaScript-Code heruntergeladen und vom Browser ausgeführt. Der Browser ist dadurch in der Lage auf Benutzeraktionen zu reagieren, Teile der Seite anzupassen oder einzelne Teile der Webseite dynamisch nachzuladen.

Die benötigte Rechenleistung für das Anpassen oder Rendern der Seite kann dadurch vom Webserver auf den Client verlagert werden. 

Anzeige des JavaScript-Code einer bestimmten Seite:

Der JavaScript-Sourcecode einer Seite kann mit "Seitenquelltext anzeigen" angezeigt werden.

Rechtsklick auf den Hintergrund: 

Die Files werden für produktive Webseiten meist optimiert, also alle Leerzeichen und Kommentare entfernt, entsprechend ist der JavaScript-Code einer beliebigen Seite im Internet meist relativ schwer zu lesen.

JavaScript-Konsole im Browser

JavaScript kann ganz einfach im Browser getestet werden: Durch Drücken von F12 oder ein Rechtsklick auf den Hintergrund einer Webseite, können die DevTools geladen werden, hier am Beispiel von Google Chrome:

Eine Textausgabe in die Konsole kann mit folgendem Befehl erstellt werden:

console.log("test")

Hier ein einfacher Test: mit folgendem Befehl in der Konsole, kann der Hintergrund einer beliebigen Seite geändert werden: 

document.body.style.backgroundColor = "red";

JavaScript in HTML einbinden

In einem HTML-Dokument kann Javascript, entweder über eine externe Datei geladen werden:

<link rel="stylesheet" type="text/css" href="style.css">

siehe auch: /themen/Grundgeruest-fuer-die-Homepage.php

oder direkt in HTML durch Angabe des "script"-Tags:

<script>
document.body.style.backgroundColor = "red";
</script>
positive Bewertung({{pro_count}})
Beitrag bewerten:
{{percentage}} % positiv
negative Bewertung({{con_count}})

DANKE für deine Bewertung!


Aktualisiert: 27.07.2020 von Bernhard

Top-Artikel in diesem Bereich

Preview Regex, Überblick, Begriffe, Parameter, Grundlagen und Beispiele

Regex, Überblick, Begriffe, Parameter, Grundlagen und Beispiele

erstellt: 23.11.2021 von Bernhard

Regex ist eine universelle Beschreibungssyntax um bestimmte Teile aus Zeichenketten zu prüfen oder zu filtern. Als Beispiel könnten mit Regex sehr einfach alle <h1>-Überschriften aus einem HTML-Quellcode herausgefiltert werden. Angefangen mit PHP, habe ich Regex später auch in PowerShell und JavaScript eingesetzt. Zugegeben, anfangs habe ich Beispiele aus dem Internet für meine Einsatzzwecke angepasst und diese nur teilweise verstanden, zumal die Regex-Syntax doch... ... weiterlesen

Preview ein JavaScript Beispiel

ein JavaScript Beispiel

geändert: 22.04.2020 von Bernhard (Erstveröffentlichung: 08.09.2009)

Mit Javascript HTML Elemente ansprechen und manipulieren, ein einfaches Beispiel. ... weiterlesen

Preview JavaScript Text in die Zwischenablage

JavaScript Text in die Zwischenablage

geändert: 27.07.2020 von Bernhard (Erstveröffentlichung: 25.02.2019)

Mit folgender Funktion kann über JavaScript ein Text in die Zwischenablage kopiert werden: ... weiterlesen


Fragen / Kommentare