Window open() metoden

Definition og brug

open() Metoden åbner et nyt browservindue eller en ny fane, afhængigt af dine browserindstillinger og parameter værdier.

Se også:

close() metoden

Eksempel

Eksempel 1

Åbn "www.codew3c.com" i en ny browserfane:

window.open("https://www.codew3c.com");

Prøv det selv

Der er flere eksempler nedenfor på siden.

Syntaks

window.open(url, navn, features, replace)

Parameter

Parameter beskrivelse
url

Valgfri. URL'en til den side, der skal åbnes.

Hvis ikke specificeret urlåbner derefter et nyt tomt vindue eller fane.
navn Valgfri. target-attribut eller vinduets navn.
features Valgfri. En komma-separeret liste af elementer, uden mellemrum.
replace

Udgået.

Bestemmer om URL skal oprette en ny post eller erstatte den aktuelle post i historiklisten.

Understøtter følgende værdier:

  • true - URL erstatter den aktuelle dokument i historiklisten
  • false - URL opretter en ny post i historiklisten

Advarsel:Chrome bruger replace 参数 vil kaste en undtagelse.

name parameter understøtter følgende værdier:

verdi beskrivelse
_blank URL indlæses i en ny vindue eller fane. Standard.
_parent URL indlæses i den overordnede ramme.
_self URL erstatter den aktuelle side.
_top URL erstatter eventuelle lastede rammesett.
navn vinduets navn (ikke spesifiserer vinduets tittel).

features-parametere støtter følgende verdier:

verdi beskrivelse
fullscreen=yes|no|1|0 om nettleseren skal vises i fullskjermmodus. Standard er nei. Fullskjermmodusvinduet må også være i kino-modus. Kun for IE.
height=pixels vinduets høyde, målt i piksler. Minimumsverdien er 100.
left=pixels vinduets venstresideposisjon (X-koordinat), målt i piksler. Negative verdier er ikke tillatt.
location=yes|no|1|0 om adressefeltet skal vises. Kun for Opera.
menubar=yes|no|1|0 om menylinjen skal vises.
resizable=yes|no|1|0 om vinduet kan justeres i størrelse. Kun for IE.
scrollbars=yes|no|1|0 om rullegardinene skal vises. Kun for IE, Firefox og Opera.
status=yes|no|1|0 om statuslinjen skal legges til.
titlebar=yes|no|1|0 om tittellinjen skal vises. Unntatt hvis programmet som kalles er et HTML-program eller et pålitelig dialogvindu, da vil det ignoreres.
toolbar=yes|no|1|0 om nettleserens verktøylinje skal vises. Kun for IE og Firefox.
top=pixels vinduets toppposisjon (Y-koordinat), målt i piksler. Negative verdier er ikke tillatt.
width=pixels vinduets bredde, målt i piksler. Minimumsverdien er 100.

returnverdi

returnerer en referanse til det nye vinduet, eller null hvis kallet mislykkes.

tekniske detaljer

beskrivelse

open() metoden vil søke etter et eksisterende vindu eller åpne et nytt nettleservindu. Hvis navn hvis det spesifiserte vinduet allerede eksisterer, vil det returnere en referanse til dette vinduet. Den returnerte vinduet vil vise url parametere spesifiserte dokument, men ignorerer features parametere er spesifisert. I tilfelle kun kjent vinduets navn, er dette den eneste måten JavaScript har på å få tilgang til denne vinduet på.

hvis ikke navn parametere, eller hvis det spesifiserte vinduet ikke finnes, da open() metoden vil opprette et nytt nettleservindu. Dette vinduet vil vise url parametere spesifiserte URL, som har navnet navn hvis spesifisert, størrelse og kontroller av features parametere spesifiserer. url er en tom streng, da open() å åpne et nytt vindu.

navn parametere spesifiserer navnet på det nye vinduet. Dette navnet kan bare inneholde tall, bokstaver eller understreker. Det kan brukes som et <a> og <form> verdien til target-egenskapen, brukes til å tvunge dokumentet til å vises i dette spesifiserte vinduet.

når du bruker metoden Window.open() Når du laster inn et nytt dokument i et eksisterende spesifisert vindu, kan du sende det replace parametret, der bruges til at erklære, om den nye dokument har sin egen post i vinduets browserhistorik eller erstatter den nuværende post. Hvis replace er sat til true, vil den nye dokument erstattes af det gamle dokument. Hvis værdien er false eller udelades, vil det nye dokument have sin egen post i vinduets browserhistorik. Denne parameter leverer den samme funktion som Location.replace() metoden tilbudte funktioner er meget lignende.

Bemærk venligst Window.open() metoden ligner meget Document.open() metoden, for at gøre din kode klar og tydelig, er det bedst at bruge Window.open(), og ikke brug open(). I HTML-attributter, der er defineret som eventhandler, forstås funktionen open() normalt som Document.open()derfor, i dette tilfælde, skal du bruge Window.open().

Vinduesegenskaber

features parametret er en liste over egenskaber, der skal vises i vinduet, og som er adskilt af kommaer. Hvis værdien for dette valgfri parameter er tom eller udelades, vil vinduet vise alle egenskaber. Dog, hvis features angiver en egenskab, vil de egenskaber, der ikke er nævnt i denne liste, ikke blive vist i vinduet. Bemærk, at denne streng ikke indeholder nogen mellemrum eller mellemrumstegn, og hver elements format er som vist nedenfor:

feature[=value]

For de fleste egenskabervalue værdien er yes eller no. Disse egenskaber efterfølges af et lig med-tegn og value værdier kan undlades. Hvis denne egenskab er nævnt, antages value Værdien er yes, hvis den ikke er nævnt, antages value Værdien er no. Dog, værdien for egenskaberne width eller height value Værdien er obligatorisk, og du skal altid angive deres pixelværdier.

Browserversion

Alle browsere understøtter open():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support Support Support Support Support Support

Flere eksempler

Eksempel 2

Åbn siden about:blank i et nyt vindue eller fane:

var minVindue = window.open("", "", "width=200,height=100");

Prøv det selv

Eksempel 3

Åbn et nyt vindue med navnet "MsgWindow" og skriv noget tekst deri:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
minVindue.document.write("<p>Dette er 'MsgWindow'. Jeg er 200px bred og 100px høj!</p>");

Prøv det selv

Eksempel 4

Erstat det nuværende vindue med et nyt vindue:

var minVindue = window.open("", "_self");
myWindow.document.write("<p>Jeg har erstattet det aktuelle vindue.</p>")}}

Prøv det selv

Eksempel 5

Åbn et nyt vindue og kontroller dets udseende:

window.open("https://www.codew3c.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");

Prøv det selv

Eksempel 6

Åbn flere faner:

window.open("http://www.google.com/");
window.open("https://www.codew3c.com/");

Prøv det selv

Eksempel 7

Åbn et nyt vindue. Brug close() til at lukke dette vindue:

function openWin() {
  myWindow = window.open("", "myWindow", "width=200,height=100");   // Åbner et nyt vindue
}
function closeWin() {
  myWindow.close();   // Luk dette nye vindue
}

Prøv det selv

Eksempel 8

Åbn et nyt vindue. Brug name-ejenskaben til at returnere navnet på det nye vindue:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p Navnet på dette vindue er: " + myWindow.name + "</p>");

Prøv det selv

Eksempel 9

Brug opener-ejenskaben til at returnere en reference til vinduet, der oprettede det nye vindue:

var myWindow = window.open("", "myWindow", "width=200,height=100");   // Åbner et nyt vindue
myWindow.document.write("<p>Dette er 'myWindow'</p>");   // Teksten i det nye vindue
myWindow.opener.document.write("<p>Dette er kildevinduet!</p>");  // Opretter en ny vindue i vinduet

Prøv det selv