Contents

viitaten JavaScript-ikkunan objektiin

JavaScript-objektin perusteisiin se on yleensä tarpeen voit käyttää piste-merkintää, kun käytät objektin ominaisuuksia tai menetelmiä. Esimerkiksi seuraava skriptikatkelma käyttää asiakirjaobjektin kirjoitustapaa ():

document.write("Hello");

ikkunaobjekti on objektihierarkian ylätason objekti. Sellaisenaan, aina kun objektin menetelmään tai ominaisuuteen viitataan skriptissä ilman objektin nimeä ja piste-etuliitettä, JavaScript olettaa sen olevan ikkunaobjektin jäsen. Tämä tarkoittaa esimerkiksi sitä, että kutsuessasi ikkunahälytystä() tapa näyttää hälytysikkuna ikkuna. etuliite ei ole pakollinen. Siksi seuraava menetelmä vaatii saavuttaa saman asian:

window.alert();alert()

JavaScript window Object Properties

The JavaScript window Object Properties objekti sisältää joukon ominaisuuksia, joita voidaan tarkastella ja käyttää skriptissä:

• ikkuna.suljettu – käytetään käsiteltäessä useita ikkunoita, tämä ominaisuus osoittaa, onko ikkuna suljettu vai ei.

• ikkuna.oletusasetukset / ikkuna.status-defaultstatus määrittää selaimen tilarivillä näytettävän oletusviestin. tila määrittää väliaikaisen viestin, joka näytetään selaimen tilarivillä oletusarvon sijasta. Poistettu käytöstä monissa selaimissa.

• ikkuna.kehykset – jos ikkuna sisältää kehykset Tämä array pitää array kehysobjektit (katso JavaScript matriisit yksityiskohtia päästä taulukoita).

• window.name – skriptin avaamille ikkunoille on annettava nimi. Tämä ominaisuus sisältää vastaavan ikkuna-objektin nimen.

• ikkuna.avaaja – kun ikkuna on avattu toisen ikkunan sisältämässä skriptissä, tämä lapsiikkunan ominaisuus sisältää referenssiikkunan, joka avasi sen.

• ikkuna.vanhempi-työskenneltäessä kehysten kanssa ikkunassa tämä ominaisuus sisältää viittauksen ikkunan objektiin, joka sisältää kehyksen.

• ikkuna.screen-objekti, joka sisältää tietoa näytöstä, jossa ikkuna on (tämän objektin ominaisuuksia ovat korkeus, leveys, availHeight, availlevedth ja colorDepth).

• ikkuna.self-viittaus nykyiseen ikkunaan.

• ikkuna.top-viittaus ylätason ikkunaan, kun työskentelet kehysten kanssa.

selainikkunan avaaminen Javascriptillä

uusi selainikkuna voidaan avata JavaScript-skriptistä ikkuna-objektin open () – menetelmällä. Syntaksi uuden ikkunan avaamiselle on seuraava:

newWindowObj = window.open("URL", "WindowName", "feature, feature, feature ... ");

seuraavassa selitetään avoimen() menetelmän kautta kulkevat argumentit:

• URL – määrittää uuteen ikkunaan ladattavan verkkosivun URL-osoitteen. Jos URL-osoitetta ei ole määritetty, Ladataan tyhjä ikkuna.

• WindowName – määrittää ikkunan nimen ja sitä käytetään viittaamaan ikkunaan.

• ominaisuudet – pilkulla erotettu lista ominaisuuksista, joiden avulla voit muokata ikkunan ulkonäköä. Vaihtoehdot ovat:

asetus	selitys
leveys	määrittää alkuperäisen leveyden selaimen asiakasikkunan (katso innerlidth sisältöalueen koon osalta)
korkeus	määrittää selaimen asiakasikkunan aloituskorkeuden (katso innerheight sisältöalueen koon osalta)
innerlidth	määrittää ikkunan sisältöalueen alkuperäisen leveyden
innerheight	määrittää ikkunan sisällön alkukorkeuden alue
ulompi leveys	määrittää navigaattori-ikkunan alkuperäisen leveyden
ulompi korkeus	määrittää navigaattori-ikkunan aloituskorkeuden
työkalupalkin aloituskorkeuden		määrittää, sisältääkö ikkuna selaimen työkalupalkin vai ei
status	määrittää, sisältääkö ikkunan selaimen tilarivin vai ei
riippuvainen	määrittää, suljetaanko ikkuna yhdessä yläikkunan kanssa
menubar	määrittää, tulisiko ikkunan sisällytä selaimen valikkoruutu
sijainti	määrittää, sisältääkö ikkunan selaimen sijainti/URL-ruutu
piilottaa/näyttää selaimen vaaka – /pystysuuntaiset vierityspalkit
muuttaa	määrittää, onko käyttäjällä oikeus muuttaa ikkunan kokoa sen ilmestyttyä.
hakemistot	määrittää, pitäisikö ikkunassa olla selaimen henkilökohtainen työkalurivi.
copyHistory	määrittää, sisältääkö uusi ikkuna kopion kutsuikkunan URL-historiasta
vasen	määritti pikselien määrän näytön vasemmalta puolelta uuteen ikkunaan
top	määritti pikselien määrän näytön yläreunasta uuteen ikkunaan
alwayslowered	luo uuden ikkunan, joka on aina sijoitettu muiden selainikkunoiden alapuolelle. Käytetään usein ärsyttäviin pop-under-mainoksiin.
alwaysRaised	luo uuden ikkunan, joka on aina sijoitettu näytön muiden selainikkunoiden päälle.
z-lock	lukitsee tason, jolla selain näkyy suhteessa muihin selainikkunoihin.

korkeus -, leveys-ja sijaintiominaisuudet on asetettu numeroiden avulla. Jäljellä olevat ominaisuusvalinnat voidaan asettaa käyttämällä true – tai false-arvoja (myös kyllä, ei ja 1 ja 0 voidaan käyttää true-Ja false-arvojen sijasta). Puuttuvaa ominaisuutta pidetään epätosena. Seuraavassa esimerkissä luodaan uusi ikkuna, jossa on menubaari, tietty ulottuvuus eikä työkalupalkkia:

newWindowObj = window.open("URL", "WindowName", "toolbar=0, menubar=1, innerHeight=200, innerWidth=300");

sulkeutuvat selainikkunat Javascriptillä

ikkuna voidaan sulkea ikkunaobjektin sulje () – menetelmällä. Ikkunan nimi (määritelty open () – menetelmässä) tulee viitata sulkemista tehtäessä, jotta olet varma, että suljet oikean ikkunan. Esimerkiksi seuraava koodi luo uuden ikkunan ja luo painikkeen, joka klikattaessa sulkee uuden ikkunan:

<script language="JavaScript" type="text/javascript">newWindowObj = window.open ("", "MyWindow");</script><form action="null"> <input type="button" value="Close Window" onclick="newWindowObj.close()" /></form>

on myös mahdollista sulkea nykyisen ikkunan avannut ikkuna käyttämällä nykyisen ikkunan objektin avaaja-ominaisuutta:

window.opener.close()

tämä sulkee ikkunan, joka avasi ikkunan, jossa yllä oleva skripti suoritetaan.

liikkuvat ja kokoa muuttavat ikkunat

ikkuna voidaan siirtää tiettyihin koordinaatteihin näytöllä käyttäen ikkuna-objektin moveTo () – menetelmää, joka ottaa X-ja y-koordinaatit argumentteina. Seuraava esimerkki siirtää uuden ikkunan paikkaan 100, 200 näytöllä, kun ”siirrä ikkuna” – painiketta painetaan:

<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>

ikkunan siirtämisen lisäksi on mahdollista siirtää ikkuna suhteessa sen nykyiseen sijaintiin ruudulla JavaScript-ikkunaobjektin moveBy () – menetelmällä. Jälleen kerran menetelmässä otetaan X-ja y-arvot, jotka lisätään määritetyn ikkunan nykyisiin x-ja y-koordinaatteihin. Negatiivisilla arvoilla voidaan muuttaa liikkeen suuntaa:

<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>

ikkunan resizeTo() ja resizeBy () – menetelmät toimivat samalla tavalla, sillä niiden avulla voi muuttaa ikkunan kokoa joko tiettyyn kokoon tai uuteen kokoon suhteessa nykyiseen kokoon.

ikkunan tarkennuksen muuttaminen

kun ikkuna on tällä hetkellä valittu ikkuna näytöllä sanotaan olevan tarkennus. Tyypillisesti klikkaamalla hiiren osoitinta ikkunassa antaa ikkunan tarkennuksen. JavaScriptin avulla on mahdollista ohjelmallisesti muuttaa ikkunan tarkennusta focus () – ja blur () – menetelmien avulla. Seuraava esimerkki näyttää uuden ikkunan, sumentaa sen niin, että avautuvassa ikkunassa on yhä tarkennus ja tarjoaa painikkeen painopisteen vaihtamiseksi uuteen ikkunaan:

<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>

näytetään Viestikenttäikkunat

JavaScript – ikkunaobjekti tarjoaa menetelmiä kolmentyyppisten viestikenttäikkunoiden näyttämiseksi, hälytys -, vahvistus-ja pikavalinnat:

• alert-tarkoitettu näyttämään viesti käyttäjälle. Se sisältää viestialueen, jossa varoitusviesti näytetään, ja” OK ” – painikkeen, jota Käyttäjä voi napsauttaa poistaakseen ikkunan. Hälytys () – menetelmä ottaa yhden argumentin, joka edustaa ikkunassa näytettävää viestiä. Seuraavassa web – sivun katkelmassa näkyy hälytysikkuna, jossa on viesti ”sinulla ei ole kelvollista salasanaa”, kun ”näytä hälytys” – painiketta napsautetaan:

<form action="null"> <input type="button" value="Show Alert" onclick="window.alert('You do not have a valid password')" /></form>

• vahvistus-käytetään, kun käyttäjältä on saatava kyllä tai ei-vastaus. Tämä valintaikkuna näyttää viestin ja ” OK ” ja ”Peruuta” painikkeet. Vahvista () – menetelmä ottaa käyttäjälle näytettävän viestin argumenttina ja palauttaa true or false riippuen siitä, painaako käyttäjä ”OK” vai ”Peruuta”:

• prompt-suunniteltu mahdollistamaan tiedon saaminen käyttäjältä. Dialogi koostuu käyttäjälle suunnatusta viestistä, tekstinsyöttökentästä tietojen syöttöä varten sekä OK-ja Peruuta-painikkeista. Prompt () – menetelmä vie viestin näytettäväksi argumenttina ja palauttaa käyttäjän antaman arvon:

<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>

osta ja lataa koko PDF-versio tästä JavaScript-e-kirjasta vain 8 dollarilla.99

Previous	Table of Contents	Next
JavaScript Math Object		JavaScript Document Object