JS-Tutorial

JS-HAUS JS-Einführung JS Wohin JS-Ausgabe JS-Anweisungen JS-Syntax JS-Kommentare JS-Variablen JS Let JS Konst JS-Operatoren JS-Arithmetik JS-Aufgabe JS-Datentypen JS-Funktionen JS-Objekte JS-Ereignisse JS-Strings JS-String-Methoden Suche nach JS-Strings JS-String-Vorlagen JS-Nummern JS-Zahlenmethoden JS-Arrays JS-Array-Methoden JS-Array-Sortierung JS-Array-Iteration JS-Array-Konstante JS-Daten JS-Datumsformate JS Date Get-Methoden JS-Datumssatzmethoden JS Math JS Zufällig JS Boolesche Werte JS-Vergleiche JS-Bedingungen JS-Schalter JS-Schleife für JS-Schleife für In JS-Schleife für Of JS-Schleife While JS Pause JS-Iterables JS-Sets JS-Karten JS Typeof JS-Typkonvertierung JS Bitweise JS RegExp JS-Fehler JS-Bereich JS Heben Strenger JS-Modus JS dieses Schlüsselwort JS-Pfeilfunktion JS-Klassen JS JSON JS-Debugging JS-Styleguide JS Best Practices JS-Fehler JS-Leistung JS Reservierte Wörter

JS-Versionen

JS-Versionen JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-Geschichte

JS-Objekte

Objektdefinitionen Objekteigenschaften Objektmethoden Objektanzeige Objektzugriffsmethoden Objektkonstruktoren Objekt-Prototypen Objekt-Iterables Objektsätze Objektkarten Objektreferenz

JS-Funktionen

Funktionsdefinitionen Funktionsparameter Funktionsaufruf Funktionsaufruf Funktion anwenden Funktionsschließungen

JS-Klassen

Klasse Einführung Klassenvererbung Klasse statisch

JS asynchron

JS-Rückrufe JS asynchron JS verspricht JS Async/Warten

JS-HTML-DOM

DOM-Einführung DOM-Methoden DOM-Dokument DOM-Elemente DOM-HTML DOM-Formulare DOM-CSS DOM-Animationen DOM-Ereignisse DOM-Ereignis-Listener DOM-Navigation DOM-Knoten DOM-Sammlungen DOM-Knotenlisten

Stückliste des JS-Browsers

JS-Fenster JS-Bildschirm JS-Standort JS-Geschichte JS-Navigator JS-Popup-Warnung JS-Timing JS-Cookies

JS-Web-APIs

Web-API-Einführung Web Forms-API Webprotokoll-API Webspeicher-API Web Worker-API Web-Fetch-API Web-Geolocation-API

JS AJAX

AJAX-Einführung AJAX-XMLHttp AJAX-Anfrage AJAX-Antwort AJAX-XML-Datei AJAX-PHP AJAX ASP AJAX-Datenbank AJAX-Anwendungen AJAX-Beispiele

JS JSON

JSON-Einführung JSON-Syntax JSON vs. XML JSON-Datentypen JSON-Parsing JSON-Stringify JSON-Objekte JSON-Arrays JSON-Server JSON-PHP JSON-HTML JSON JSONP

JS vs. jQuery

jQuery-Selektoren jQuery-HTML jQuery-CSS jQuery-DOM

JS-Grafik

JS-Grafik JS-Leinwand JS Plotly JS Chart.js JS Google-Diagramm JS D3.js

JS-Beispiele

JS-Beispiele JS-HTML-DOM JS-HTML-Eingabe JS-HTML-Objekte JS-HTML-Ereignisse JS-Browser JS-Editor JS-Übungen JS-Quiz JS-Zertifikat

JS-Referenzen

JavaScript-Objekte HTML-DOM-Objekte


JavaScript -Fensternavigator


Das window.navigatorObjekt enthält Informationen über den Browser des Besuchers.


Fensternavigator

Das window.navigatorObjekt kann ohne das Fensterpräfix geschrieben werden.

Einige Beispiele:

  • navigator.appName
  • navigator.appCodeName
  • navigator.platform

Browser-Cookies

Die cookieEnabledEigenschaft gibt true zurück, wenn Cookies aktiviert sind, andernfalls false:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"cookiesEnabled is " + navigator.cookieEnabled;
</script>

Name der Browseranwendung

Die appNameEigenschaft gibt den Anwendungsnamen des Browsers zurück:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.appName is " + navigator.appName;
</script>

Seltsamerweise ist „Netscape“ der Anwendungsname für IE11, Chrome, Firefox und Safari.



Codename der Browseranwendung

Die appCodeNameEigenschaft gibt den Anwendungscodenamen des Browsers zurück:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.appCodeName is " + navigator.appCodeName;
</script>

„Mozilla“ ist der Anwendungscodename für Chrome, Firefox, IE, Safari und Opera.


Die Browser-Engine

Die productEigenschaft gibt den Produktnamen der Browser-Engine zurück:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
"navigator.product is " + navigator.product;
</script>

Verlassen Sie sich nicht darauf. Die meisten Browser geben "Gecko" als Produktnamen zurück !!


Die Browserversion

Die appVersionEigenschaft gibt Versionsinformationen über den Browser zurück:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>

Der Browser-Agent

Die userAgentEigenschaft gibt den vom Browser an den Server gesendeten User-Agent-Header zurück:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.userAgent;
</script>

Warnung !!!

Die Informationen aus dem Navigator-Objekt können oft irreführend sein und sollten nicht zur Erkennung von Browserversionen verwendet werden, weil:

  • Verschiedene Browser können denselben Namen verwenden
  • Die Navigatordaten können vom Browserbesitzer geändert werden
  • Einige Browser identifizieren sich falsch, um Site-Tests zu umgehen
  • Browser können keine neuen Betriebssysteme melden, die später als der Browser veröffentlicht wurden

Die Browser-Plattform

Die platformEigenschaft gibt die Browserplattform (Betriebssystem) zurück:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.platform;
</script>

Die Browsersprache

Die languageEigenschaft gibt die Sprache des Browsers zurück:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.language;
</script>

Ist der Browser online?

Die onLineEigenschaft gibt true zurück, wenn der Browser online ist:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.onLine;
</script>

Ist Java aktiviert?

Die javaEnabled()Methode gibt true zurück, wenn Java aktiviert ist:

Beispiel

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = navigator.javaEnabled();
</script>