Hoe Javascript werkt in een browser. JavaScript - wat is het, waarom is het nodig en hoe gebruik je het?

HTML legt een aantal beperkingen op aan de site, en om deze te overwinnen moet je iets verder gaan dan de taal hypertext-opmaak. HTML is vooral nodig voor het organiseren van tekst en afbeeldingen op een webpagina, voor communicatie verschillende bestanden samen. En hij kan deze taken perfect aan. Als u wilt dat de pagina's van uw site praktisch niet verschillen van gewone tekeningen op papier, dan is de opmaaktaal voor hypertekst, dat wil zeggen HTML, voldoende.

Als u iets speciaals en unieks wilt maken dat uw site zal benadrukken en de aandacht van gebruikers zal trekken, dan moet u zich wenden tot een programmeertaal Javascript.

Met behulp van JavaScript kan bijvoorbeeld het volgende op de site worden geïmplementeerd:

  • Voeg een zoekfunctie toe aan de site. Dit levert enorme voordelen op voor gebruikers, omdat ze niet meer handmatig door elke webpagina hoeven te navigeren om de informatie te vinden die ze nodig hebben.
  • Beveilig een specifiek deel van de site met een wachtwoord. Hierdoor wordt de toegang beperkt tot informatie die niet wordt aanbevolen voor openbare weergave.
  • Geef gebruikers de mogelijkheid om te communiceren. Er zijn veel manieren om dit te doen: van eenvoudige prikborden tot volledig uitgeruste chats.
  • Voeg tijdregistratietools toe aan uw site, zoals een klok of kalender. Gebruikers vinden het meestal leuk.
  • Voeg spelletjes en puzzels toe aan de site. Geloof me, dit is het beste manier zorgen ervoor dat bezoekers zich ontspannen en zich thuis voelen.
  • Bied koppelingen naar voortdurend bijgewerkte informatie. Bezoekers van de site zullen zeker geïnteresseerd zijn in nieuws, wisselkoersen, weersvoorspellingen en dergelijke.
  • Waarom Javascript? Talen PHP-programmering en MySQL zijn gemaakt om het computerwerk eenvoudiger te maken.

    De verwerking gebeurt in de webbrowser van de gebruiker, zodat de server niet wordt belast. Je hebt niet veel intelligentie nodig om scripts toe te voegen die door andere programmeurs zijn geschreven. Dit kan eenvoudig worden gedaan door een eenvoudige website-ontwikkelaar.

    Normaal gesproken zijn er geen wijzigingen in de programmacode vereist. IN beste scenario op sommige plaatsen moet u de bestandsnaam wijzigen of URL's aan een lijst toevoegen.

    Kort over hoe Javascript werkt

    Wanneer u met Java Script werkt, moet u twee componenten aan de webpaginacode toevoegen: het script zelf en de procedure die het uitvoert.

    Meestal bevatten de instructies die bij het script worden geleverd alles noodzakelijke informatie met betrekking tot de procedure voor het starten van het script.

    De hoofdtekst van het script wordt in een containertag geplaatst, zoals in het onderstaande skelet programmacode, waar een bepaalde functie is gedefinieerd.



    /*
    Dit is waar de opmerking meestal staat.
    */
    functie wat dan ook()
    {
    En op deze plaats de programmacode zelf.
    }

    Het is acceptabel om een ​​script in een tag te plaatsen in plaats van in een tag, maar dit kan riskant zijn. De webbrowser moet de door de programmeur geschreven JavaScript-code vertalen naar machinecode.

    Het tagscript wordt vóór de tagelementen door de browser verwerkt. Dit betekent dat het script wordt gedefinieerd en gereed is om uit te voeren voordat er iets in het webbrowservenster wordt weergegeven.

    Als het script zich binnen de tag bevindt, kan de situatie ontstaan ​​dat de gebruiker toegang krijgt tot het script voordat het is gedefinieerd. In dit geval werkt het script eenvoudigweg niet. Daarom is het beter om de gebruikelijke volgorde aan te houden.

    Er zou ook een soort procedure aan de pagina moeten worden toegevoegd die het script zal uitvoeren. Het bevindt zich meestal in het element.

    Het script kan worden gestart op verschillende manieren, maar de ontwikkelaar hoeft ze niet allemaal te kennen. Elk script dat van internet wordt gehaald en in HTML-code wordt vertaald, heeft zijn eigen startprocedure.

    Voorbeelden.

    1. Het script wordt geactiveerd nadat de muisaanwijzer op een interface-element klikt wanneer de gebruiker de muisaanwijzer erover beweegt. Hiervoor wordt het onClick attribuut gebruikt.
    In het volgende fragment wordt dus het onClick-attribuut gebruikt voor element A:
    Klik hier om welke functie dan ook uit te voeren.

    Maar over het algemeen is het onClick-attribuut uniek en kan het voor vrijwel elk element worden gebruikt.

    2. Of het script kan worden uitgevoerd nadat de webpagina in het browservenster is geladen.
    Om het script te activeren nadat de webpagina is geladen, gebruikt u het onload-attribuut van het element, zoals in het volgende voorbeeld.

    Er is een grote verscheidenheid aan andere kenmerken. Bijvoorbeeld het onMouseOver-attribuut, dat wordt gebruikt om een ​​script uit te voeren nadat de gebruiker de muis over een interface-element beweegt. Of het onMouseOut-attribuut - wanneer de gebruiker de muisaanwijzer verwijdert.

    Java Script en jQuery Overigens is het beheersen van Java Script nog eenvoudiger geworden met de komst van de jQuery-bibliotheek.

    jQuery-functies lossen veel praktische en urgente problemen op. Zelfs het maken van een complex script wordt eenvoudig wanneer het wordt gebruikt.

    En voor de website jQuery gebruiken opent een enorme lijst met plug-ins die op elke bron kunnen worden aangesloten, het belangrijkste is dat Java Script wordt gebruikt. Met de hulp jQuery-plug-ins kan in een paar regels code worden geïmplementeerd

    • mooie en complexe menu's,
    • fotogalerijen,
    • verschillende paginabeheerfuncties.
    Als uw site op een CMS is gemaakt, kunt u daar ook uw eigen scripts implementeren. Combinatie eenvoudig CMS en Java Script stelt u in staat zeer mooie, eenvoudig te implementeren en te ondersteunen, en ook lichtgewicht oplossingen voor kleine projecten te creëren.

    MET gebruik van Java Script en jQuery kunnen zelfs de eenvoudigste visitekaartjeswebsite veranderen in een heldere en volwaardige bron die een uitstekende vertegenwoordiger van het bedrijf zal zijn op de uitgestrekte delen van internet.

    24/11/14 15,6K

    Programmeren is niet alleen een manier om veel geld te verdienen en is niet eens louter mentaal werk. Dit is een kans om te begrijpen waaruit de wereld om ons heen bestaat, deze in kleine deeltjes te ontleden en vervolgens weer in elkaar te zetten, geleid door onze eigen logica en kennis.

    Programmeertalen zijn slechts een hulpmiddel waarmee een persoon regels bouwt in gecreëerde systemen.

    Het internet biedt een schat aan mogelijkheden die slimme en ondernemende geesten grijpen. Natuurlijk heeft webontwikkeling ook zijn eigen tools om ideeën tot leven te brengen. Eén daarvan is taal Java-programmering Script, dat in dit artikel wordt besproken:

    Algemene informatie

    Veel mensen, zelfs degenen die niets met IT te maken hebben, hebben het gehoord Java-woord. Een revolutionaire platformonafhankelijke taal waarin actief applicaties geschreven worden mobiele systemen. Het werd ontwikkeld door het veelbelovende bedrijf Sun, dat destijds onder de vleugels van Oracle kwam. Maar geen van beide bedrijven heeft iets met JavaScript te maken:

    Het enige dat van Sun nodig was, was toestemming om een ​​deel van de naam te gebruiken. Verrassend genoeg is JavaScript helemaal geen eigendom van een bedrijf.

    Bij het schrijven van webapplicaties wordt het programmeren met JavaScript het meest gebruikt. Om kort op te sommen belangrijkste kenmerken van deze taal moet het volgende worden benadrukt:

    • Objectoriëntatie. Programma-uitvoering vertegenwoordigt de interactie van objecten;
    • Conversie van gegevenstypen wordt automatisch uitgevoerd;
    • Functies fungeren als objecten basisklasse. Deze functie maakt JavaScript vergelijkbaar met veel functionele talen programmeertalen zoals Lisp en Haskell;
    • Automatisch geheugen wissen. Door de zogenaamde garbagecollection lijkt JavaScript op C# of Java.

    Als we het hebben over de essentie van het gebruik van JavaScript, dan kun je met deze taal bewegingsloze webpagina's "doen herleven" met behulp van code die kan worden gestart voor uitvoering (zogenaamde scripts). Dat wil zeggen, we kunnen een analogie trekken met tekenfilms, waarbij html en css de getekende karakters zijn, en JavaScript ervoor zorgt dat ze bewegen.

    Als we erover praten JavaScript-syntaxis, dan heeft het de volgende kenmerken:

    • Registreren is belangrijk. Functies genaamd func() en Func() zijn totaal verschillend;
    • Operators moeten worden gevolgd door een puntkomma;
    • Ingebouwde objecten en bewerkingen;
    • Spaties worden niet meegeteld. U kunt zoveel inspringingen gebruiken als u wilt, evenals regeleinden, om uw code op te maken.

    De eenvoudigste JavaScript-code ziet er als volgt uit:

    Toepassingsgebied

    Om te begrijpen waarom JavaScript nodig is en hoe noodzakelijk het is om het te leren, moeten we enkele gebieden belichten waarin het wordt gebruikt gegeven taal programmeren.

    • Ontwikkeling van webapplicaties. Wilt u een eenvoudige teller installeren, gegevensoverdracht tussen formulieren organiseren of een spelletje op uw website plaatsen? Dan neemt JavaScript het over trouwe assistent in deze kwestie;
    • "Actieve deelname" bij AJAX. Deze technologie heeft het mogelijk gemaakt om de werking van applicaties aanzienlijk te versnellen door gegevens uit te wisselen met de server in de "achtergrond" -modus:

    • Besturingssystemen. Sommige mensen wisten het misschien niet, maar Windows, Linux en Mac hebben hun eigen browserconcurrenten, waarvan het leeuwendeel in JavaScript is geschreven;
    • Mobiele applicaties;
    • Studiegebied. Elke programmeerspecialiteit aan een universiteit omvat tot op zekere hoogte de studie van JavaScript. Dit komt door het feit dat de taal oorspronkelijk is ontwikkeld voor niet erg sterke programmeurs. JavaScript-lessen logisch verweven basis cursus HTML, dus het beheersen ervan is vrij eenvoudig.
    Voordelen en nadelen

    Denk niet dat JavaScript een wondermiddel is voor alle problemen, en dat elke programmeur deze taal met een glimlach op zijn gezicht gebruikt. Alles in de wereld heeft zijn positieve en negatieve aspecten. Laten we eerst de tekortkomingen opmerken.

    • De noodzaak om compatibiliteit tussen browsers te bieden. Omdat JavaScript fungeert als een internettechnologie, moet u zich houden aan de regels die het World Wide Web stelt. De code moet correct werken in alle, of in ieder geval de meest populaire, browsers;
    • Het overervingssysteem in een taal maakt het moeilijk om te begrijpen wat er gebeurt. JavaScript implementeert op prototypes gebaseerde overerving. Mensen die andere objectgeoriënteerde programmeertalen hebben bestudeerd, zijn gewend aan de gebruikelijke ‘kindklasse erft ouderklasse’. Maar in JavaScript worden dergelijke zaken direct afgehandeld door objecten, en dit gaat je begrip te boven;
    • Afwezig standaard bibliotheek. JavaScript biedt geen mogelijkheden voor het werken met bestanden, I/O-streams of andere nuttige zaken;
    • De syntaxis in het algemeen maakt het moeilijk te begrijpen. De schoonheid van de code is duidelijk niet het sterke punt van JavaScript, maar de hoofdregel van programmeurs wordt in acht genomen: “Werkt het? Niet aanraken! "
    Nu is het de moeite waard om enkele voordelen op te merken
    • JavaScript biedt groot aantal mogelijkheden om een ​​breed scala aan problemen op te lossen. De flexibiliteit van de taal maakt het gebruik van veel programmeerpatronen mogelijk in relatie tot specifieke omstandigheden. De inventieve geest zal er echt plezier aan beleven;
    • De populariteit van JavaScript opent een aanzienlijk aantal kant-en-klare bibliotheken voor de programmeur, die het schrijven van code aanzienlijk kunnen vereenvoudigen en syntaxisonvolkomenheden kunnen wegwerken;
    • Toepassing op veel gebieden. Breed scala aan mogelijkheden JavaScript geeft programmeurs de kans om zichzelf uit te proberen als ontwikkelaar van een grote verscheidenheid aan applicaties, en dit wakkert uiteraard de interesse in professionele activiteiten aan.

    Je moet er geen aandacht aan besteden dat er meer minnen dan plussen waren. JavaScript is stevig verankerd in zijn niche en er is van daaruit geen kritiek op op dit moment zal het niet uitschakelen.

    Voor wie wil studeren

    Complexe en lange weg voor degenen die besluiten JavaScript grondig te bestuderen. Voor beginners zijn er basisaanbevelingen, waarmee u uw leerproces aanzienlijk kunt vereenvoudigen.

    • Allereerst HTML. Zonder de basis kunt u niets voor internet doen. Cascading Style Sheets (CSS) zullen ook erg handig zijn;
    • Gebruik nieuwe literatuur. Programmeren is geen natuurkunde, waarvan de wetten onschendbaar zijn, maar nieuwe leermiddelen- dit zijn uitgeklede oude. IT-technologieën evolueren voortdurend en nuttige updates mogen niet worden verwaarloosd;
    • Probeer alle secties van het programma zelf te schrijven. Als iets helemaal niet lukt, kun je de code van iemand anders lenen, maar alleen nadat je eerst zelf elke regel hebt begrepen;
    • Foutopsporing is je beste vriend. Het snel vinden van fouten is één van de de belangrijkste momenten bij het programmeren;
    • Negeer de opmaakregels niet. Uiteraard zal de code er niet beter of slechter van worden verschillende hoeveelheden streepjes en spaties, maar het lees- en begripsgemak door de programmeur is ook een belangrijk punt. Onderstaande code? heel moeilijk waar te nemen, vooral als je hem niet bent

    • Variabelenamen moeten hebben lexicale betekenis. Tijdens het schrijven eenvoudige programma's Dit lijkt helemaal niet belangrijk, maar als het aantal coderegels de duizend overschrijdt, breken alle duivels hun benen;

    Vroeger dacht ik niet dat internet dit zou kunnen bieden uitgebreide mogelijkheden om mijn bedrijf te ontwikkelen, maar de tijd verstreek en ik ontdekte eindelijk deze wereld, vol mogelijkheden. Het internet biedt de mogelijkheid om uw producten, een grote verscheidenheid daarvan, te verkopen. Elke dag het aantal gebruikers wereldwijde web groeit, en tegelijkertijd groeien onze mogelijkheden.

    Ooit begreep ik veel verdiensystemen niet, maar vandaag kan ik met het volste vertrouwen zeggen dat de basis van elk bedrijf in mondiaal netwerk ligt de website. Bovendien is het niet zomaar een site, maar de juiste site. Bovendien zijn er veel factoren die bepalen of de site winstgevend zal zijn. Het eerste dat een bezoeker van een website tegenkomt, is de interface.

    Geloof me, hoe aantrekkelijk de site is, zal bepalen of je erop blijft willekeurige gebruiker, of niet. Als iemand uw site al heel lang leest, zal hij u natuurlijk de verschillende fouten vergeven die u mogelijk maakt in de functionaliteit van de site. Maar voor de eerste keer zal de interface spelen sleutelrol om ervoor te zorgen dat de klant uw website leuk vindt. Zoals ze zeggen: “ze worden begroet door hun kleding, ze worden weggeleid door hun geest.”

    Maar om originele en gedenkwaardige kleding voor uw site te maken, moet u weten waar javascript voor is. Sterker nog: zonder JavaScript is het onmogelijk om een ​​mooie, functionele website te maken. Bovendien is het niet nodig om de site vol te proppen met tonnen code. Het is voldoende om slechts een paar regels toe te voegen, en verschillende knoppen en de menu-items zullen “tot leven komen” en aantrekkelijker worden. Met een JavaScript-script kunt u trouwens door de afbeeldingen in uw portfolio bladeren. Bovendien kunt u de functionaliteit van de pagina bij het weergeven van gegevens verder vergroten. JavaScript is hier ook nodig

    Misschien denken velen misschien dat het bijvoorbeeld op een goed CMS werkt, en om zo’n blog te beheren heb je helemaal geen JavaScript-kennis nodig. Op internet kun je er veel vinden diverse modulen en plug-ins, waarmee u de functionaliteit aanzienlijk kunt verbeteren, coole effecten kunt toevoegen, enz. We mogen echter niet vergeten dat webtechnologieën niet stilstaan, alles verandert voortdurend. Daarom is het de moeite waard om voortdurend de opkomst van nieuwe dingen in de gaten te houden JavaScript-bibliotheken Het is immers mogelijk dat de pakketten van vandaag het mogelijk zullen maken om te verwezenlijken wat gisteren slechts een droom leek. Daarom bedoelen ze, als ze het hebben over het updaten van een site, ook het gebruik van JavaScript.

    Nu wat betreft JavaScript leren. Om de een of andere reden geloven veel mensen dat het leren van deze programmeertaal slechts voor een select groepje beschikbaar is. Maar in werkelijkheid is dit niet het geval. Webprogrammeurs zijn voortdurend bezig met het creëren van nieuwe JavaScript-elementen, wat de syntaxis en het gebruik ervan aanzienlijk vereenvoudigt. Bovendien kunt u JavaScript-code gebruiken op de pagina's van uw site als u weet hoe u de juiste handleidingen moet gebruiken. Hiermee komen prachtige videocursussen te hulp, met behulp waarvan zelfs een complete leek kan leren korte termijnen JavaScript onder de knie zal kunnen krijgen.

    Ik spreek mijn dankbaarheid uit voor informatie ondersteuning Evgeniy Popov, auteur van een aantal videocursussen over het bouwen van websites. Inclusief de videocursus “Javascript + jQuery voor beginners in videoformaat”

    In dit artikel vertellen we je wat JavaScript (Java Script) is, geven we voorbeelden en leggen we uit waarom het nodig is in html-code. Wij zullen antwoorden geven populaire vragen webmasters.

    1. Wat is JavaScript eenvoudig woorden

    JavaScript (in het Russisch "Java Script", afgekort als "JS") is een ingebouwde programmeertaal HTML-pagina's met het oog op gemakkelijke communicatie met de gebruiker, foutafhandeling en het creëren van dynamiek van de pagina als geheel.

    JavaScript is een objectgeoriënteerde en geïnterpreteerde taal. Het is systeemonafhankelijk (werkt op elk platform). JS-code wordt vaak scripts genoemd. We kunnen zeggen dat deze taal alleen ‘op maat’ is gemaakt voor webprogrammering.

    De syntaxis van de taal doet in veel opzichten denken aan C en Java, maar semantisch ligt de taal veel dichter bij Self, Smalltalk.

    2. Problemen opgelost door JavaScript
    • Veldcontrole html-formulieren(tag) voordat ze naar de server worden verzonden
    • Informatieve berichten met waarschuwingen
    • Effecten voor het markeren van hoofdelementen en delen van een pagina
    • Originele vervolgkeuzemenu's
    • Wiskundige berekeningen

    Meestal met met behulp van JavaScript ze maken schuifregelaars. U kunt ook inhoud weergeven via AJAX-uitvoer, hierdoor kunt u onnodige of herhaalde elementen van een sitepagina verbergen voor de html-code. Het heeft voor een beginner geen zin om deze codes te bestuderen, omdat... ze zijn behoorlijk complex.

    3. Hoe in te schakelen JavaScript-ondersteuning in de browser

    Alle browsers ondersteunen JavaScript. Standaard zou Java Script al ingeschakeld moeten zijn in browsers. Als dat niet het geval is, vindt u hieronder instructies verschillende browsers door JS op te nemen.

    1. Schakel JavaScript in Firefox in 2. Schakel JavaScript in Google Chrome

    "Instellingen en Google-beheer Chrome" -> "Opties" -> "Geavanceerd" -> "Persoonlijke gegevens (inhoudsinstellingen)" -> "JavaScript:" Sta toe dat alle sites JavaScript gebruiken (aanbevolen) of schakel uit JavaScript-uitvoering op alle sites

    3. Schakel JavaScript in Opera in

    Druk op de F12-toets Selecteer "Javascript inschakelen"

    4. Schakel JavaScript in Internet Explorer in

    "Extra" -> "Internetopties" -> tabblad "Beveiliging" -> selecteer de zone "Internet" -> knop "Overig" -> "Scripts" -> "Scripts toestaan"

    4. Voorbeeld: hoe u JavaScript in een html-pagina invoegt

    De JavaScript-code past direct in de html-code van de pagina. Gebruik speciale tags om het te markeren

    javascript-code

    Het kenmerk type="text/javascript" is niet vereist, maar wordt aanbevolen.

    U kunt ‹script› gebruiken in title-tags of gewoon in de hoofdtekst van de pagina.

    Schrijven html-tags tussen de openings- en sluitingsscripttag is niet toegestaan. Deze plaats is alleen bedoeld voor JavaScript-code.

    Om te voorkomen dat hetzelfde JavaScript op elke pagina wordt gedupliceerd, wordt het meestal in apart bestand met de extensie ".js". Dit bestand kan overal op de HTML-pagina worden opgenomen.

    4.1. Voorbeeld 1: Hallo, Wereldpop-upbericht

    Hieronder staat voorbeeld html code die een pop-upbericht "Hallo wereld" weergeeft wanneer de pagina wordt geladen.

    Hallo, Wereld in JavaScript

    Voorbeeld met waarschuwing. Er wordt een pop-upbericht weergegeven

    alert("Hallo wereld!");

    Klik op de link:

    Link4.2. Voorbeeld 2. Alternatief met javascript-verwerking

    Hieronder ziet u een voorbeeld html-code met verwerking JavaScript-code met behulp van id.

    Hallo, Wereld in JavaScript window.onload = function() ( var linkWithAlert = document.getElementById("check_link"); linkWithAlert.onclick = function() ( return confirm("Volg de link? "); ); );

    Klik op de link:

    Link4.3. Voorbeeld 3. De kleur van een object wijzigen tijdens het zweven

    Wanneer u met uw muis over bepaalde gebieden beweegt, veranderen deze van kleur. Dit gebeurt via JavaScript. Bijvoorbeeld

    Codeer voor dit voorbeeld:

    ROOD GROEN BLAUW

    Dit zijn slechts de meest elementaire JavaScript-dingen. De mogelijkheden zijn vrij groot. Niet voor niets kun je in literaire winkels aparte boeken over deze taal vinden.

    Er zijn miljoenen webpagina's op internet, gehost op sites die verschillende doeleinden dienen. Sommigen van hen zijn aantrekkelijk en andere niet.

    Degenen die er goed uitzien, gemakkelijk te gebruiken zijn en interactief genoeg zijn om u lang bezig te houden, zijn degenen die JavaScript gebruiken. Waar is het voor? Laten we het uitzoeken.

    Het is een taal met meerdere paradigma's, wat betekent dat het objectgeoriënteerde, functionele en imperatieve programmering. Hoewel de naam Java suggereert, is de syntaxis afgeleid van de C-taal.

    De meeste webpagina's zijn gebouwd in HTML-codeformaat. Het is een heel eenvoudige taal waarmee je iets kunt toevoegen verschillende elementen voor een webpagina, waardoor deze aantrekkelijk wordt en de leesbaarheid wordt vergroot. Met HTML-code kunt u inline afbeeldingen, kleuren en basisanimaties voor webpagina's gebruiken, waardoor de weergave ervan wordt verbeterd verschijning. CSS gebruiken(Cascading Style Sheets), biedt meer flexibiliteit en vermindert de totale hoeveelheid code en de complexiteit van webpagina's. Op deze manier wordt het eenvoudiger om de pagina-inhoud te presenteren verschillende apparaten, zoals mobiele telefoons, tabletten en desktopcomputers. JavaScript wordt vooral gebruikt om interactieve elementen aan webpagina's toe te voegen, waardoor deze gebruiksvriendelijker en aantrekkelijker worden. Laten we eens kijken wat het kan doen en hoe het wordt gebruikt.

    Wat is JavaScript?

    Het is een programmeertaal die doorgaans aan de clientzijde wordt uitgevoerd. Het wordt gebruikt voor gebruikersinteractie. Het wordt ook gebruikt bij de ontwikkeling van games, bordspellen en mobiele applicaties, bij de schepping pdf-documenten en bureaubladwidgets. Webbrowsers hebben ingebouwde ondersteuning voor deze taal.

    Voorbeeld 1

    Het eerste voorbeeld is vrij eenvoudig en wordt meestal gebruikt in menu-items. Als u uw muis over een specifieke link of menuknop beweegt, verandert deze van kleur. Deze kleur verandert bij gebruikersacties en kan voor verschillende doeleinden worden gebruikt visuele effecten en het uiterlijk van de webpagina verbeteren. In het onderstaande voorbeeld beweegt u de muis over de knop van uw keuze en ziet u deze van kleur veranderen.

    Rood Groen Blauw functie kleur(el, kleur) ( el.style.color = "#FFFFFF"; el.style.backgroundColor = kleur; ) functie uncolor(el) ( el.style.color = "#000000"; el. style.backgroundColor = "#E6E6E6" ;

    Voorbeeld 2

    Dit is een perfect voorbeeld van een evenement. Ik heb iets soortgelijks gezien op verschillende webpagina's. Wanneer u op de knop drukt, verschijnt er een bericht op het display. Het kan u vertellen wat u vervolgens moet doen of iets nuttigs. In het onderstaande voorbeeld wordt, wanneer op de knop wordt geklikt, een eenvoudig bericht weergegeven.

    Knop

    Hoewel JavaScript veel gebruikt wordt, mag de gebruiker er niet volledig afhankelijk van zijn. Het heeft bepaalde beveiligingsproblemen omdat iedereen de code kan dupliceren. Verschillende browsers interpreteren het anders volgens hun weergave-engines, wat kan resulteren in inconsistenties op het scherm. Ondanks dit soort zorgen is JavaScript echter erg populair en wordt het veel gebruikt op internet.