4.1 Nettleserobjekter

Som du allerede vet, fungerer JavaScript-språket inne i nettleseren, så det må på en eller annen måte samhandle med den samme nettleseren. For å gjøre dette har nettleseren flere objekter og funksjoner som er tilgjengelige fra JavaScript.

Den første er an object window, som beskriver nettleservinduet. Eller rettere sagt, jeg pleide å beskrive når nettlesere var uten faner. Nå beskriver vinduet objektet den gjeldende nettleserfanen der siden med skriptet er lastet inn.

For det andre er dette an object documentden som er ansvarlig for dokumentet som vises i fanen. Dette kan være litt forvirrende. For enkelhets skyld, la oss si at dokumentet er det som vises for brukeren, og vinduet er det dette dokumentet vises i.

Java webinar

For det tredje er dette an object consoleden som er ansvarlig for utdata til nettleserkonsollen. Ja, nettlesere har også en konsoll, den brukes hovedsakelig til å feilsøke skriptet og vise feilmeldinger. Du kan vanligvis åpne den ved å trykke på F12-knappen i nettleseren din.

Object window, er objektet på øverste nivå for alle sideobjekter. Og selv om du direkte kan skrive objektnavn documenti consoleskriptet ditt, er det faktisk navnene deres window.documentog window.console.

4.2 Dialoger i JavaScript

alert() metode

Den an object windowhar også flere funksjoner som er synlige for sideskriptet. Den mest brukte er alert(). Den lar deg vise en dialogboks med en melding til brukeren. Skriptet blir deretter suspendert til brukeren klikker OK.

Eksempel:

alert("JavaScript is the best!");

prompt() metode

Det er også en funksjon som du kan be brukeren om å angi en verdi - dette er prompt().

Eksempel:

var age = prompt("Enter Year of Birth");

bekrefte() metode

Du kan vise en dialogboks med to knapper Ok- Cancelspør brukeren om en handling.

Eksempel:

var isOK = confirm("Are you ready");

4.3 onload()-hendelse

Og enda et nyttig og interessant øyeblikk. Nettleservinduet har en hendelse som utløses når dokumentet er fullt lastet. Du kan angi kode som skal utføres etter at dokumentet er lastet og vist.

Dette kan gjøres på tre måter.

Først kan du bygge inn JavaScript-kode direkte på en HTML-side som en attributtverdi:

<body onload="alert('document loaded');">
  <img src="big-image.png">
</body>

For det andre kan du bygge inn JavaScript-kode ganske enkelt på en HTML-side:

<head>
    <script>
        function load()
        {
            alert('document loaded');
        }
        window.onload = load;
    </script>
</head>
<body>
    <img src="big-image.png">
</body>

For det tredje kan vi skrive det litt kortere ved å erklære en anonym funksjon:

<head>
    <script>
        window.onload = function () {
            alert('document loaded');
        }
    </script>
</head>
<body>
    <img src="big-image.png">
</body>

4.4 onclick()-hendelse

Og til slutt, en annen viktig hendelse (begivenhet) er event OnClick. Som skjer på ethvert element som brukeren klikket på. Akkurat som event OnLoaddet kan stilles inn på forskjellige måter, så gir vi bare den enkleste:

<body>
  <img src="big-image.png" onclick="alert('user clicked on the image');">
</body>