| Previous | Table of Contents | Next |
| JavaScript Math Object | JavaScript Document Object |
JavaScript-vinduet objektet sitter øverst I JavaScript-Objekthierarkiet og representerer nettleservinduet (eller vinduer hvis du har mer enn ett nettleservindu åpent til enhver tid). Frem til dette kapittelet har vi fokusert på internals Og syntaks Av JavaScript. I dette kapitlet vil vi begynne å få ting til å skje på skjermen (som tross alt er Et Av hovedformålene Med JavaScript). Vindusobjektet lar utviklere utføre oppgaver som å åpne og lukke nettleservinduer, vise varslings-og hurtigdialoger og sette opp tidsavbrudd (angi en handling som skal finne sted etter en bestemt tidsperiode). Selv Om Tidsavbrudd er en funksjon i vinduet objektet vi vil dekke dem I JavaScript Tidsavbrudd kapittel, snarere enn i dette kapittelet.
Refererer Til JavaScript vindu Objektet
som dekket I JavaScript Objekt Grunnleggende er det vanligvis nødvendig å bruke punktnotasjon når du åpner egenskaper eller metoder for et objekt. For eksempel får følgende skriptfragment tilgang til write () – metoden for dokumentobjektet:
document.write("Hello");
vindusobjektet er objektet på øverste nivå i objekthierarkiet. Som sådan, når en objektmetode eller egenskap refereres til i et skript uten objektnavnet og prikkprefikset, antas Det Av JavaScript å være medlem av window-objektet. Dette betyr for eksempel at når du ringer window alert () – metoden for å vise en varslingsdialog i vinduet. prefiks er ikke obligatorisk. Derfor oppnår følgende metodekall det samme:
window.alert();alert()
rapporter denne annonsen JavaScript vindu Objektegenskaper
JavaScript-vinduet objektet inneholder en rekke egenskaper som kan inspiseres og brukes i et skript:
- vindu.lukket-Brukes ved håndtering av flere vinduer, angir denne egenskapen om et vindu er lukket eller ikke.
- vindu.standardstatus / vindu.status-defaultstatus angir standardmeldingen som vises i nettleserens statuslinje. status angir en midlertidig melding som skal vises i nettleserens statuslinje i stedet for standardinnstillingen. Deaktivert i mange nettlesere.
- vindu.rammer – hvis vinduet inneholder rammer, inneholder denne matrisen en rekke rammeobjekter (se JavaScript-Arrayer detaljer om tilgang til arrayer).
- window.name -Vinduer åpnet av et skript må gis et navn . Denne egenskapen inneholder navnet på det tilsvarende vindusobjektet.
- vindu.åpner-når et vindu er åpnet i et skript i et annet vindu, inneholder denne egenskapen til barnevinduet et referansevindu som åpnet det.
- vindu.overordnet – når du arbeider med rammer i et vindu, inneholder denne egenskapen en referanse til vindusobjektet som inneholder rammen.
- vindu.skjerm-et objekt som inneholder informasjon om skjermen som vinduet er viser (egenskaper som finnes i dette objektet inkluderer høyde, bredde, availHeight, availWidth og colorDepth).
- vindu.self-en referanse til gjeldende vindu.
- vindu.topp-en referanse til vinduet på øverste nivå når du arbeider med rammer.
Åpne Nettleservinduer Ved Hjelp Av JavaScript
Et nytt nettleservindu kan åpnes fra Et JavaScript-skript ved hjelp av open () – metoden til vindusobjektet. Syntaksen for å åpne et nytt vindu er som følger:
newWindowObj = window.open("URL", "WindowName", "feature, feature, feature ... ");
følgende gir en forklaring på argumentene som sendes gjennom til open () – metoden:
- URL-Angir NETTADRESSEN til nettsiden som skal lastes inn i det nye vinduet. Hvis INGEN URL er angitt et tomt vindu er lastet.
- WindowName-Angir vinduets navn og brukes til å referere til vinduet.
- funksjoner-en kommaseparert liste over funksjoner som lar deg tilpasse utseendet på vinduet. Alternativene er:
| Innstilling | Forklaring | ||
|---|---|---|---|
| bredde | Angir den opprinnelige bredden størrelse på innholdsområdet) | ||
| høyde | angir den opprinnelige høyden på nettleserklientvinduet (se innerheight for størrelsen på innholdsområdet) | innerwidth | angir den opprinnelige bredden på vinduets innholdsområde |
| td>angir starthøyden for vinduets innhold område | |||
| Angir den opprinnelige bredden på navigasjonsvinduet | |||
| ytre høyde | |||
| verktøylinje | Angir om vinduet skal inneholde verktøylinjen i nettleseren eller ikke | ||
| status | angir om vinduet skal inneholde nettleserens statuslinje eller ikke | ||
| avhengig | angir om vinduet skal lukkes i samklang med det overordnede vinduet | ||
| menylinja | plassering | Angir om vinduet skal inneholde boksen for nettleserplassering/URL | |
| Skjuler/Viser horisontale/vertikale rullefelt | |||
| resizable | Angir om brukeren har rett til å endre størrelsen på vinduet etter det vises. | ||
| kataloger | Angir om vinduet skal inneholde nettleserens personlige verktøylinje. | copyHistory | Angir om DET nye vinduet skal inneholde en kopi av URL-historikken til påkallingsvinduet |
| venstre | Angir antall piksler fra toppen av skjermen til det nye vinduet | ||
| det nye vinduet | |||
| alwayslowered | oppretter et nytt vindu som ALLTID ER PLASSERT under de andre nettleservinduene. Ofte brukt for de irriterende pop-under annonser. | ||
| Alwaysraised | Oppretter et nytt vindu som alltid er plassert over toppen av de andre nettleservinduene på skjermen. | ||
| z-lock | Låser nivået der nettleseren vises i forhold til andre nettleservinduer. |
høyde, bredde og posisjon funksjoner er satt ved hjelp av tall. De resterende funksjonsalternativene kan settes ved hjelp av sann eller usann verdier (også ja, nei og 1 og 0 kan brukes i stedet for sann og usann). En fraværende attributt anses å være falsk. Følgende eksempel oppretter et nytt vindu med en menylinje, spesifikk dimensjon og ingen verktøylinje:
newWindowObj = window.open("URL", "WindowName", "toolbar=0, menubar=1, innerHeight=200, innerWidth=300");
Lukke Nettleservinduer Ved Hjelp Av JavaScript
et vindu kan lukkes ved hjelp av vinduobjektets lukkemetode (). Navnet på vinduet (angitt i open () – metoden) bør refereres når du utfører en lukk, slik at du er sikker på å lukke det riktige vinduet. For eksempel oppretter følgende kode et nytt vindu og oppretter en trykknapp som, når den klikkes, lukker det nye vinduet:
<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å mulig å lukke vinduet som åpnet det nåværende vinduet ved hjelp av åpenhetsegenskapen til det nåværende vindusobjektet:
window.opener.close()
dette vil lukke vinduet som åpnet vinduet der skriptet ovenfor kjøres.
Flytte Og Endre Størrelse På Vinduer
et vindu kan flyttes til bestemte koordinater på skjermen ved hjelp av window objects moveTo () – metode som tar x-og y-koordinater som argumenter. Følgende eksempel flytter et nytt vindu til plassering 100, 200 på skjermen når «Flytt Vindu» – knappen trykkes:
<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>
i tillegg til å flytte et vindu til en bestemt ny plassering er også mulig å flytte et vindu i forhold til sin nåværende plassering på skjermen ved hjelp av moveBy () metode For JavaScript vindu objekt. Igjen tar metoden x-og y-verdier som legges til de nåværende x-og y-koordinatene til det angitte vinduet. Negative verdier kan brukes til å endre bevegelsesretningen:
<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>
metodene for vinduet resizeTo() og resizeBy() fungerer på samme måte ved at de lar deg endre størrelsen på et vindu enten til en bestemt størrelse eller til en ny størrelse i forhold til gjeldende størrelse.
Endre Vindufokus
når et vindu er det valgte vinduet på skjermen, sies det å ha fokus. Vanligvis, klikke med musepekeren i et vindu gir det vinduet fokus. Med JavaScript er det mulig å programmatisk endre fokus for et vindu ved hjelp av fokus() og blur () metoder. Følgende eksempel viser et nytt vindu, visker det ut slik at åpningsvinduet fortsatt har fokus og gir en knapp for å bytte fokus til det nye vinduet:
<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>
Viser Meldingsboksdialoger
JavaScript-vindusobjektet gir metoder for å vise tre typer meldingsdialoger, varslings -, bekreftelses-og ledetekstdialoger:
- alert-ment å vise en melding til brukeren. Den inneholder et meldingsområde der varselmeldingen skal vises og en » OK » – knapp som brukeren kan klikke for å avvise dialogboksen. Alert () – metoden tar et enkelt argument som representerer meldingen som skal vises i dialogboksen. Følgende websidefragment viser en varslingsdialog med meldingen «Du har ikke et gyldig passord» når «Vis Varsel» – knappen klikkes:
<form action="null"> <input type="button" value="Show Alert" onclick="window.alert('You do not have a valid password')" /></form>
- bekreftelse-brukes når et ja eller nei svar må hentes fra brukeren. Denne dialogtypen vises med en melding og «OK» og «Avbryt» knapper. Bekreft () – metoden tar meldingen som skal vises til brukeren som et argument og returnerer sann eller usann avhengig av om brukeren trykket PÅ «OK»eller»Avbryt»:
<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 for å aktivere informasjon som skal hentes fra brukeren. Dialogen består av en melding til brukeren, et tekstfelt for oppføring av data og OK og Avbryt knapper. Metoden prompt () tar meldingen som skal vises som et argument og returnerer verdien angitt av brukeren:
<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 |