Hvordan erstatte en Javascript-Window

Javascript metoden \ "window.open () \" brukes til å åpne popup-vinduer fra koblinger. Popup-vinduer tillate deg å gi de besøkende informasjon uten å tvinge dem til å forlate den gjeldende siden de ser på Pop-up vinduer blir ofte brukt for å vise bilder, hjelp, instrukser og annen informasjon, mens den opprinnelige nettsiden fortsatt vises i hoved nettleservindu. En av farene ved å bruke window.open () er det åpner et nytt vindu hver gang den blir kalt hvis det ikke kalles riktig. Gjenbruk av en eksisterende pop-up vindu i Javascript sparer de besøkende fra å ha sine stasjonære strødd med pop-up vinduer.

Bruksanvisning

1 Åpne filen som inneholder Java der du vil legge til pop-up vindu funksjonalitet i din favoritt Javascript editor.

2 Legg til følgende variabler til toppen av skriptet:

Var popUpWin
GÅ
Var is_chrome = navigator.userAgent.toLowerCase (). indexOf ( 'chrome')> -1
GÅ
Var is_opera = navigator.userAgent.toLowerCase (). indexOf ( 'opera')> -1
GÅ

\ "PopUpWin \" vil bli brukt til å holde styr på pop-up vindu. \ "Is_chrome \" og \ "is_opera \" vil bli brukt til nettleser kompatibilitet. Hvis de besøkende bruker Chrome eller Opera nettlesere, vil en av disse to variablene har verdien \ "true. \"

3 Start en ny funksjon kalt \ Det tar URL (nettadresse) for dokumentet eller bildet som skal åpnes i pop-up vindu "openPage \.":

funksjon openPage (URL) {

4 Legg til følgende kode for å lukke pop-up vinduet hvis den er åpen og besøkende er bruker Chrome eller Opera:

if (popUpWin && (is_chrome || is_opera)) {

popUpWin.close ()

GÅ
}

Lukke pop-up vindu i Chrome og Opera vil tvinge pop-up vindu for å åpne foran andre vinduer når den er gjenåpnet.

5 Avslutt \ "openPage \" funksjon ved å åpne den angitte nettadressen i pop-up vindu. Den siste parameteren til window.open () -metoden er en liste over vindus funksjoner du kan bruke til å tilpasse størrelsen på vinduet, verktøylinjer, rullefelt og andre egenskaper. Se \ "DOM: window.open \" dokumentasjon i Resources for en fullstendig liste over funksjoner.

popUpWin = window.open (URL, 'popup', 'width = 600, height = 600 ")
GÅ
if (window.focus) {

popUpWin.focus ()

GÅ
}
}

Hvis popup-vinduet ikke allerede er åpen, vil det bli opprettet, viser siden i nettadressen. Hvis popup-vindu er allerede åpen, er det samme vinduet på nytt. Den window.focus () metoden tvinger pop-up vindu for å flytte foran andre åpne vinduer slik at det er synlig. Opera og Chrome støtter ikke window.focus () -metoden.

6 Legg til linker til HTML, ringer din \ "openPage \" -funksjonen, passerer den nettadressen til dokumentet du vil åpne. For eksempel:

<a href=\"javascript:openPage('cat.html')\">
Cat </a> |
<a href=\"javascript:openPage('dog.html')\">
Dog </a> |
<a href=\"javascript:openPage('penguin.html')\">
Penguin </a>

I Chrome og Opera, vil pop-up vindu åpent på standardposisjon for nye vinduer på skjermen. I alle andre nettlesere, pop-up vindu blir gjenbrukt, er den viste siden erstattet med den nye siden, og den vises der den sist ble plassert på skjermen.

Hint

• Test om pop-vinduet ble blokkert ved hjelp av \ "if (popUpWin!) {...} \". I if-blokken, kan du dukke opp en melding i en varselboks eller bruk gjeldende vindu for å vise den forespurte nettadressen ved å \ "window.location = URL \".