| Previous | Table of Contents | Next |
| JavaScript Math Object | JavaScript Document Object |
JavaScript-vinduesobjektet sidder øverst i JavaScript-objekthierarkiet og repræsenterer vinduet. Indtil dette kapitel har vi fokuseret på JavaScript ‘ s interne og syntaks. I dette kapitel begynder vi at få ting til at ske på skærmen (som trods alt er et af hovedformålene med JavaScript). Vinduesobjektet giver udviklere mulighed for at udføre opgaver som f.eks. åbning og lukning af vinduer, visning af alarm-og prompt-dialoger og opsætning af timeouts (angivelse af en handling, der skal finde sted efter et bestemt tidsrum). Selvom Timeouts er en funktion i vinduesobjektet, dækker vi dem i kapitlet JavaScript Timeouts snarere end i dette kapitel.
henvisning til JavaScript-vinduesobjektet
som dækket i JavaScript Object Basics er det normalt nødvendigt at bruge Dot-notation, når du får adgang til Egenskaber eller metoder til et objekt. For eksempel får følgende scriptfragment adgang til skrivemetoden() for dokumentobjektet:
document.write("Hello");
vinduesobjektet er objekthierarkiets øverste niveau. Som sådan, når der henvises til en objektmetode eller egenskab i et script uden objektnavnet og prikpræfikset, antages det af JavaScript at være medlem af vinduesobjektet. Dette betyder for eksempel, at når du ringer til vinduet alert () – metoden for at vise en alarmdialog vinduet. præfiks er ikke obligatorisk. Derfor følgende metode opkald opnå det samme:
window.alert();alert()
rapporter denne annonce JavaScript-vindue objektegenskaber
JavaScript-vinduet objektegenskaber
JavaScript vindue objekt indeholder en række egenskaber, der kan inspiceres og bruges i et script:
- vindue.lukket-bruges ved håndtering af flere vinduer, angiver denne egenskab, om et vindue er lukket eller ej.
- vindue.standardstatus / vindue.status-standardstatus angiver den standardmeddelelse, der vises i statuslinjen. status angiver en midlertidig meddelelse, der skal vises i statuslinjen i stedet for standard. Deaktiveret i mange brugere.
- vindue.rammer – hvis vinduet indeholder rammer, indeholder dette array arrayet af rammeobjekter (se JavaScript-Arrays detaljer om adgang til arrays).
- window.name -vinduer åbnet af et script skal have et navn. Denne egenskab indeholder navnet på det tilsvarende vinduesobjekt.
- vindue.åbner – når et vindue er åbnet i et script indeholdt i et andet vindue, indeholder denne egenskab i barnevinduet et referencevindue, der åbnede det.
- vindue.forælder-når du arbejder med rammer i et vindue, indeholder denne egenskab en reference til det vinduesobjekt, der indeholder rammen.
- vindue.skærm – et objekt, der indeholder oplysninger om skærmen, som vinduet er viser (egenskaber indeholdt i dette objekt omfatter højde, bredde, availHeight, availbredde og colorDepth).
- vindue.self-en henvisning til det aktuelle vindue.
- vindue.top-en henvisning til vinduet på øverste niveau, når du arbejder med rammer.
åbning af vinduer ved hjælp af JavaScript
et nyt vindue kan åbnes fra et JavaScript-script ved hjælp af metoden Åbn() for vinduesobjektet. Syntaksen for åbning af et nyt vindue er som følger:
newWindowObj = window.open("URL", "WindowName", "feature, feature, feature ... ");
følgende giver en forklaring af de argumenter, der er gået igennem til open () – metoden:
- URL-angiver URL ‘ en for den hjemmeside, der skal indlæses i det nye vindue. Hvis der ikke er angivet en URL, indlæses et tomt vindue.
- vinduesnavn – angiver vinduets navn og bruges til at henvise til vinduet.
- funktioner – en kommasepareret liste over funktioner, der giver dig mulighed for at tilpasse vinduets udseende. Valgmulighederne er:
| indstilling | forklaring | |
|---|---|---|
| bredde | specificerer størrelse af indholdsområde) | |
| højde | angiver den oprindelige højde for indholdsområdet) | |
| Innerbredde | angiver den oprindelige bredde af vinduets indholdsområde | |
| angiver den oprindelige bredde af vinduets indholdsområde | ||
| angiver den oprindelige bredde af vinduets indholdsområde | ||
| innerheight | angiver den oprindelige højde af vinduet indhold område | |
| yderbredde | angiver navigatorvinduets startbredde | |
| angiver navigatorvinduets starthøjde | ||
| værktøjslinje | angiver, om vinduet skal indeholde værktøjslinjen eller ej | |
| status | angiver, om vinduet skal indeholde statuslinjen eller ej | |
| afhængig | angiver, om vinduet skal lukke sammen med dets overordnede vindue | |
| menulinje | angiver, om vinduet skal lukkes sammen med dets overordnede vindue | |
| menulinje | angiver, om vinduet | |
| placering | angiver, om vinduet skal indeholde feltet placering/URL | |
| rullebjælker | skjuler/viser vandrette/lodrette rullebjælker | |
| ændring af størrelse | angiver, om brugeren har ret til at ændre størrelsen på vinduet, efter at det vises. | |
| mapper | angiver, om vinduet skal indeholde den personlige værktøjslinje. | |
| copyHistory | angiver, om det nye vindue skal indeholde en kopi af URL-historikken for det påkaldende vindue | |
| venstre | angivet antallet af billedpunkter fra venstre side af skærmen til det nye vindue | |
| Top | angivet antallet af billedpunkter fra venstre side af skærmen til det nye vindue | |
| Top | angivet antallet af billedpunkter fra venstre side af skærmen til det nye vindue | |
| Top | angivet antallet af fra toppen af skærmen til det nye vindue | |
| altidnedsænket | opretter et nyt vindue, der altid er placeret under de andre bro.ser-vinduer. Ofte bruges til de irriterende pop-under reklamer. | |
| Altidraised | opretter et nyt vindue, der altid er placeret over toppen af de andre bro.ser-vinduer på skærmen. | |
| låses det niveau, hvor bro.sereren vises i forhold til andre bro. ser-vinduer. |
funktionerne højde, bredde og position indstilles ved hjælp af tal. De resterende funktionsindstillinger kan indstilles ved hjælp af sande eller falske værdier (også ja, nej og 1 og 0 kan bruges i stedet for sandt og falsk). En fraværende attribut anses for at være falsk. Følgende eksempel opretter et nyt vindue med en menulinje, specifik dimension og ingen værktøjslinje:
newWindowObj = window.open("URL", "WindowName", "toolbar=0, menubar=1, innerHeight=200, innerWidth=300");
lukning af vinduer ved hjælp af JavaScript
et vindue kan lukkes ved hjælp af vinduet objektets luk() metode. Navnet på vinduet (angivet i open () – metoden) skal henvises til, når du udfører en lukning, så du er sikker på at lukke det rigtige vindue. For eksempel opretter følgende kode et nyt vindue og opretter en trykknap, der, når den klikkes, lukker det nye vindue:
<script language="JavaScript" type="text/javascript">newWindowObj = window.open ("", "MyWindow");</script><form action="null"> <input type="button" value="Close Window" onclick="newWindowObj.close()" /></form>
det er også muligt at lukke vinduet, der åbnede det aktuelle vindue ved hjælp af åbningsegenskaben for det aktuelle vinduesobjekt:
window.opener.close()
dette lukker vinduet, der åbnede vinduet, hvor ovenstående script køres.
flytning og ændring af størrelse på vinduer
et vindue kan flyttes til bestemte koordinater på skærmen ved hjælp af vinduesobjektets moveTo () – metode, der tager H og y-koordinater som argumenter. Følgende eksempel flytter et nyt vindue til placering 100, 200 på skærmen, når der trykkes på knappen ” Flyt vindue:
<script language="JavaScript" type="text/javascript">newWindowObj = window.open ("", "MyWindow");</script><form action="null"> <input type="button" value="Move Window" onclick="newWindowObj.moveTo(100, 200)" /></form>
ud over at flytte et vindue til en bestemt ny placering er det også muligt at flytte et vindue i forhold til dets aktuelle placering på skærmen ved hjælp af moveBy () – metoden til JavaScript-vinduesobjektet. Endnu en gang tager metoden h-og y-værdier, der føjes til de aktuelle h-og y-koordinater for det angivne vindue. Negative værdier kan bruges til at ændre bevægelsesretningen:
<script language="JavaScript" type="text/javascript">newWindowObj = window.open ("", "MyWindow");</script><form action="null"> <input type="button" value="Move Window" onclick="newWindowObj.moveTo(100, 200)" /></form>
metoderne til vinduesændring() og størrelse() fungerer på samme måde, idet de giver dig mulighed for at ændre størrelsen på et vindue enten til en bestemt størrelse eller til en ny størrelse i forhold til den aktuelle størrelse.
ændring af Vinduesfokus
når et vindue er det aktuelt valgte vindue på skærmen, siges det at have fokus. Når du klikker med musemarkøren i et vindue, får vinduet typisk fokus. Med JavaScript er det muligt at programmatisk ændre fokus i et vindue ved hjælp af fokus() og sløring() metoder. Følgende eksempel viser et nyt vindue, slører det, så åbningsvinduet stadig har fokus og giver en knap til at skifte fokus til det nye vindue:
<script language="JavaScript" type="text/javascript">newWindowObj = window.open ("", "MyWindow");newWindowObj.blur();</script><form action="null"> <input type="button" value="Focus New Window" onclick="newWindowObj.focus()" /></form>
visning af Meddelelsesboksdialoger
JavaScript – vinduesobjektet giver metoder til at vise tre typer meddelelsesdialoger, alarm -, bekræftelses-og promptdialogerne:
- alert-beregnet til at vise en besked til brugeren. Den indeholder et meddelelsesområde, hvor advarselsmeddelelsen skal vises, og en “OK” – knap, som brugeren kan klikke for at afvise dialogen. Alert () – metoden tager et enkelt argument, der repræsenterer den meddelelse, der skal vises i dialogen. Følgende sidefragment viser en alarmdialog med meddelelsen” du har ikke en gyldig adgangskode”, når der klikkes på knappen” Vis alarm”:
<form action="null"> <input type="button" value="Show Alert" onclick="window.alert('You do not have a valid password')" /></form>
- bekræftelse – bruges, når et ja eller nej svar skal indhentes fra brugeren. Denne dialogtype vises med en meddelelse og knapperne” OK” og “Annuller”. Bekræft () – metoden tager meddelelsen, der skal vises til brugeren, som et argument og Returnerer SAND eller falsk afhængigt af om brugeren trykkede på “OK” eller “Annuller”:
<script language="JavaScript" type="text/javascript">function showConfirmation(){ var result = confirm("Would you like to continue?"); if (result) document.write("Continue"); else document.write("Do not continue");}</script><form action="null"> <input type="button" value="Show Confirmation" onclick="showConfirmation()" /></form>
- prompt – designet til at muliggøre information fra brugeren. Dialogen består af en meddelelse til brugeren, et tekstindtastningsfelt til indtastning af data og OK og Annuller knapper. Prompt () – metoden tager meddelelsen, der skal vises som et argument, og returnerer den værdi, som brugeren har indtastet:
<script language="JavaScript" type="text/javascript">function showPrompt(){ var userInput = prompt("Please enter your name:"); document.write("Hello, " + userInput);}</script><form action="null"> <input type="button" value="Show Prompt" onclick="showPrompt()" /></form>
| Previous | Table of Contents | Next |
| JavaScript Math Object | JavaScript Document Object |