Hvordan vise en ny Javascript-vindu med Dimensjoner

Popup-vinduer vise websider i små nettleservinduer ofte begrenset i størrelse og funksjonalitet. Selv ut av mote i moderne web-design, popups har fortsatt sine bruksområder i en rekke sammenhenger, for eksempel åpne en lydavspiller for å la besøkende til å fortsette å navigere nettstedet mens du lytter til musikk. Den "window.open" -metoden i Javascript skaper popups som laster eksisterende websider. Du kan kontrollere dimensjonene i popup-vinduet ved å sette en bredde og høyde innenfor denne metoden.

Bruksanvisning

1 Åpne websiden der du vil legge til popup-vinduet i Notepad eller en kode editor. Finn "<script>" koder i enten topp- eller bunn kode:

<Script type = "text / javascript>

// Javascript-kode går inn her

</ Script>

Legg "<script>" tags med "type" attributtet satt til "text / javascript" hvis siden ikke allerede inneholder dem. Sett dem mellom "<head>" koder eller på linjen over avsluttende "</ body>" tag.

2 Begynn å skrive en ny funksjon mellom "<script>" koder:

funksjon popupWindow () {

}

3 Bruk "window.open" for å lage din popup. Angi websiden du vil åpne i vinduet og gi den et navn. Legg bredden og høyden mellom ett par doble anførselstegn med et komma for å skille dem:

funksjon popupWindow () {

window.open ( "http://somedomain.com/page.html","newpage","width=400,height=300");

}

Alle innstillinger du gir popup-vinduet, for eksempel rullefelt eller adresselinjen, gå mellom at samme par sitater.

4 Legg en link annet sted i kroppen på websiden. Sett "onclick" attributt til Javascript-funksjonen:

<a href="http://somedomain.com/page.html" onclick="javascript: popupwindow(); tilbake false;"> Klikk Me </a>

Sett "href" attributt til websiden popup vil åpne. Legge til "return false" etter at funksjonen vil holde hovedvinduet fra å gå til den nye siden, men når brukeren slår av Javascript, vil koblingen bare laste i hovedvinduet.

Hint

  • Tilsett "onload" kode til åpningen "<body>" tag i stedet for en link for å gjøre popup åpen når en besøkende laster websiden.
  • Bruk popup-vinduer med måte. Jo mer komplisert en popup blir, jo mer sannsynlig at du må opprette ulike koder for ulike nettlesere for å vise den riktig. Brukere også blokkere popups, og noen Internet Explorer-versjoner automatisk åpne popups i faner i stedet for nye vinduer som standardinnstillinger.