Het object Window gebruiken in JavaScript

Window is een object dat overeenkomt met het venster dat een webpagina weergeeft. Een dergelijk venster kan dynamisch worden gemaakt.
Dit is geen JavaScript-object, en het wordt niet gedefinieerd door de W3C DOM-specificatie. Het is een de facto standaard.

De attributen en methoden van het interface-venster worden herkend door Internet Explorer 4, Firefox 1, Opera 9, nieuwere versies en Safari. Dit document is gebaseerd op wat wordt ondersteund door de browsers bij het ontbreken van een officiële standaard, zie referenties.

Het huidige venster wordt verwezen door het sleutelwoord venster, en vensters dynamisch gemaakt door de naam gegeven aan het object toegewezen door de terugkeer waarde van de open methode.

Definitie en test van attributen en innerlijke objecten in window

Definities van attributen en innerlijke objets

Deze attributen kunnen alleen voor sommigen worden gelezen, hun waarde kan anders worden toegekend.

frames De frames in het venster. Alleen lezen. length Aantal frames. Alleen lezen. name Naam van het venster. status Tekst van de statusbalk
Onder Firefox is het wijzigen van de tekst een optie. Ga naar Opties, Inhoud, JavaScript en klik op de knop Geavanceerd. Vink dan het vakje aan naast “De tekst van de statusbalk wijzigen.” defaultStatus Standaard tekst in statusbalk. closed Staat gesloten of niet. opener Verwijzing naar het venster dat dit venster heeft geopend. Voorbeeld:

x = window.opener;

parent De vensterouder van een venster. Voorbeeld:

x = mywin.parent;

top De ouder van het hoogste niveau.

Objecten in venster

Deze objecten hebben hun eigen attributen en methoden die hier niet in detail worden beschreven, maar ze hebben hun eigen pagina.

document Verwijst naar een pagina, die zich in het venster bevindt. Document. history Lijst van pagina’s die eerder in hetzelfde venster zijn bekeken. Geschiedenis. location Duidt de URL aan van een pagina die het venster bevat. Location. screen Het scherm en zijn eigenschappen: width, height, availWidth, availHeight, colorDepth.

Zie ook de eigenschappen voor het maken van vensters in het hoofdstuk: Een nieuw venster openen in JavaScript.

Eigenschappen van het Windows-object in de browser controleren

Eigenschappen die niet door een browser worden ondersteund, zijn ongedefinieerd.
Enkele eigenschappen worden gebruikt als parameters van de constructor van het venster, maar ze zijn niet direct toegankelijk en worden hier niet vermeld.

innerWidth innerHeight

outerWidth outerHeight

locationbar menubar personalbar statusbar toolbar scrollbars

pageXOffset pageYOffset

screenX screenY

directories

status defaultStatus

opener

ouder

top

naam

lengte

Werkt niet met Firefox 7

offscreenBuffering

We kunnen gelijkwaardige waarden krijgen in Internet Explorer en met alle browsers:

document.body.clientHeight

document.body.clientWidth

document.body.offsetHeight

document.body.offsetWidth

document.documentElement.offsetHeight

document.documentElement.offsetWidth

Others

Crypto

Waarschuwing: De DOCTYPE-declaratie kan effect hebben op deze waarden.

Methodes van venster en demo’s

De methodes om een venster te openen of te sluiten zijn beschreven in het hoofdstuk: Het openen van een nieuw venster in JavaScript.

Definities van methoden alert(message) Geeft een bericht weer. x = prompt(message) Geeft een dialoogvenster weer waarin om een reactie van de gebruiker wordt gevraagd en geeft het antwoord terug. x = confirm(message) Geeft een bericht weer, normaal gesproken een vraag, met twee knoppen om te bevestigen of te annuleren. Geeft waar of onwaar terug. resizeTo(b, h) Vergroot de breedte en hoogte. scrollTo(x, y) Scrollen moet ingeschakeld zijn voor het venster volgens de vlag voor schuifbalken, dit is standaard het geval. moveTo(x, y) Verplaats naar de opgegeven positie. id = setInterval(expressie, milliseconden) Waardeert een expressie herhaaldelijk op basis van de tijd in het interval. clearInterval(id) Wis het interval. id = setTimeout(expressie, milliseconde) Evalueer een expressie na de deadline. clearTimeout(id) Wis de vertraging. focus() Geef de focus door aan het venster. blur() Onderdruk de focus naar het huidige/gegeven venster. createPopup() Creëer een subvenster. print() Start het afdrukken van de inhoud van het venster. Demonstratie van methoden van het HTML-venster objet Klik op een knop om te zien hoe een methode werkt. De bijbehorende code wordt rechts getoond.

Zie ook

Een voorbeeld van het gebruik van setTimeout is opgenomen in de lightbox met fade in effect demo.

Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.