JS-zelfstudie

JS HOME JS Introductie JS Waarheen? JS-uitgang JS-verklaringen JS-syntaxis JS-opmerkingen JS-variabelen JS Let JS Const JS-operators JS Rekenen JS-opdracht JS-gegevenstypen JS-functies JS-objecten JS-evenementen JS-snaren JS String-methoden JS String zoeken JS String-sjablonen JS-nummers JS-nummermethoden JS-arrays JS-array-methoden JS-array sorteren JS-array-iteratie JS Array Const JS-datums JS-datumnotaties JS Datum Ophaalmethoden Methoden voor het instellen van JS-datum JS Math JS Willekeurig JS Booleans JS-vergelijkingen JS-voorwaarden JS-schakelaar JS Loop For JS-lus voor binnen JS Loop For Of JS-lus terwijl JS Break JS-iteraties JS-sets JS-kaarten JS Typeof JS Type conversie JS Bitwise JS RegExp JS-fouten JS-bereik JS Hijsen JS strikte modus JS dit trefwoord JS-pijlfunctie JS-lessen JS JSON JS-foutopsporing JS-stijlgids JS-best practices JS-fouten JS-prestaties JS Gereserveerde Woorden

JS-versies

JS-versies JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge JS-geschiedenis

JS-objecten

Objectdefinities Objecteigenschappen Objectmethoden Objectweergave Objectaccessoires Objectconstructeurs Objectprototypes Object-Iterables Objectsets Objectkaarten Objectreferentie

JS-functies

Functiedefinities Functieparameters: Functie-aanroep Functie-oproep: Functie Toepassen Functie Sluitingen

JS-lessen

Klas Intro Klasse Overerving Klasse Statisch

JS Asynchrone

JS-callbacks JS asynchroon JS belooft JS Async/Wachten

JS HTML DOM

DOM Intro DOM-methoden DOM-document DOM-elementen DOM HTML DOM-formulieren DOM-CSS DOM-animaties DOM-evenementen DOM-gebeurtenisluisteraar DOM-navigatie DOM-knooppunten DOM-collecties DOM-knooppuntlijsten

JS-browserstuklijst

JS-venster JS-scherm JS-locatie JS-geschiedenis JS-navigator JS pop-upwaarschuwing JS-timing JS-koekjes

JS Web API's

Introductie web-API Web Forms API Webgeschiedenis-API Webopslag-API Web Worker-API Web Fetch-API Webgeolocatie-API

JS AJAX

Ajax-intro AJAX XMLHttp Ajax-verzoek Ajax-reactie AJAX XML-bestand AJAX PHP Ajax ASP AJAX-database AJAX-toepassingen Ajax-voorbeelden

JS JSON

JSON-intro JSON-syntaxis JSON versus XML JSON-gegevenstypen JSON ontleden JSON Stringify JSON-objecten JSON-arrays JSON-server JSON PHP JSON HTML JSON JSONP

JS versus jQuery

jQuery-kiezers jQuery HTML jQuery CSS jQuery DOM

JS-graphics

JS-graphics JS Canvas JS Plotly JS Chart.js JS Google-kaart JS D3.js

JS-voorbeelden

JS-voorbeelden JS HTML DOM JS HTML-invoer JS HTML-objecten JS HTML-evenementen JS-browser JS-editor JS-oefeningen JS-quiz JS-certificaat

JS-referenties

JavaScript-objecten HTML DOM-objecten


JavaScript -vensternavigator


Het window.navigatorobject bevat informatie over de browser van de bezoeker.


Vensternavigator

Het window.navigatorobject kan worden geschreven zonder het venstervoorvoegsel.

Een paar voorbeelden:

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

Browsercookies

De cookieEnabledeigenschap retourneert true als cookies zijn ingeschakeld, anders false:

Voorbeeld

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

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

Naam browsertoepassing

De appNameeigenschap retourneert de toepassingsnaam van de browser:

Voorbeeld

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

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

Vreemd genoeg is "Netscape" de applicatienaam voor zowel IE11, Chrome, Firefox als Safari.



Naam browsertoepassingscode

De appCodeNameeigenschap retourneert de toepassingscodenaam van de browser:

Voorbeeld

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

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

"Mozilla" is de codenaam van de applicatie voor zowel Chrome, Firefox, IE, Safari en Opera.


De browser-engine

De producteigenschap retourneert de productnaam van de browser-engine:

Voorbeeld

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

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

Vertrouw hier niet op. De meeste browsers retourneren "Gecko" als productnaam !!


De browserversie

De appVersioneigenschap retourneert versie-informatie over de browser:

Voorbeeld

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

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

De browseragent

De userAgenteigenschap retourneert de user-agent-header die door de browser naar de server is verzonden:

Voorbeeld

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

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

Waarschuwing!!!

De informatie van het navigatorobject kan vaak misleidend zijn en mag niet worden gebruikt om browserversies te detecteren, omdat:

  • Verschillende browsers kunnen dezelfde naam gebruiken
  • De navigatorgegevens kunnen worden gewijzigd door de eigenaar van de browser
  • Sommige browsers identificeren zichzelf verkeerd om sitetests te omzeilen
  • Browsers kunnen geen nieuwe besturingssystemen melden die later zijn uitgebracht dan de browser

Het browserplatform

De platformeigenschap retourneert het browserplatform (besturingssysteem):

Voorbeeld

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

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

De browsertaal

De languageeigenschap retourneert de taal van de browser:

Voorbeeld

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

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

Is de browser online?

De onLineeigenschap retourneert true als de browser online is:

Voorbeeld

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

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

Is Java ingeschakeld?

De javaEnabled()methode retourneert true als Java is ingeschakeld:

Voorbeeld

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

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