Window open() metoden

Definition och användning

open() Metoden öppnar ett nytt webbläsarfönster eller flik, beroende på dina webbläsarinställningar och parametervärden.

Se också:

close() metoden

Exempel

Exempel 1

Öppna "www.codew3c.com" i ett nytt webbläsarflik:

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

Prova själv

Mer exempel ges längre ner på sidan.

Syntax

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

Parameter

Parameter beskrivning
url

Valfritt. URL till sidan som ska öppnas.

Om inte specificerat urlöppnar då ett nytt tomt fönster eller flik.
name Valfritt. target-attributet eller fönstrets namn.
features Valfritt. En komma-separerad lista över objekt, utan mellanslag.
replace

Föråldrad.

Definierar om URL ska skapa en ny post eller ersätta det aktuella dokumentet i historiklistan.

Stöder följande värden:

  • true - URL ersätter det aktuella dokumentet i historiklistan
  • false - URL skapar en ny post i historiklistan

Varning:Chrome använder replace parametern kastar ett undantag.

name-argumentet stöder följande värden:

värde beskrivning
_blank URL laddas in i ett nytt fönster eller flik. Standard.
_parent URL laddas in i föräldrafönstret.
_self URL ersättar den aktuella sidan.
_top URL ersätter alla möjliga ramverk som kan laddas.
name fönstrets namn (inte specificerar fönstrets titel).

stödjer följande värden för features-parametern:

värde beskrivning
fullscreen=yes|no|1|0 om webbläsaren ska visas i fullskärmsläge. Standard är nej. Fönster i fullskärmsläge måste också vara i bioläge. Endast för IE.
height=pixels fönstrets höjd, i pixlar. Minsta värde är 100.
left=pixels fönstrets vänstra position (X-koordinat), i pixlar. Negativa värden är inte tillåtna.
location=yes|no|1|0 om adressfältet ska visas. Endast för Opera.
menubar=yes|no|1|0 om menylinjen ska visas.
resizable=yes|no|1|0 om fönstret kan justeras i storlek. Endast för IE.
scrollbars=yes|no|1|0 om rullningslistor ska visas. Endast för IE, Firefox och Opera.
status=yes|no|1|0 om statusfältet ska läggas till.
titlebar=yes|no|1|0 om titellinjen ska visas. Förutom om det anropade programmet är ett HTML-program eller ett förtroendeingångsfönster, annat än detta kommer att ignoreras.
toolbar=yes|no|1|0 om webbläsarverktygsfältet ska visas. Endast för IE och Firefox.
top=pixels fönstrets övre position (Y-koordinat), i pixlar. Negativa värden är inte tillåtna.
width=pixels fönstrets bredd, i pixlar. Minsta värde är 100.

återvärdet

en referens till det nya fönstret, om anropet misslyckas, returneras null.

tekniska detaljer

beskrivning

open() metoden söker efter ett redan existerande fönster eller öppnar ett nytt webbläsarfönster. Om name om ett redan existerande fönster specificeras, returneras en referens till detta fönster. Det returnerade fönstret kommer att visa url parametrar specificerade dokument, men ignorerar features parametrar specificeras. När man bara känner till fönstrets namn, är detta det enda sättet som JavaScript kan få referens till det fönstret.

om inte name parametrar, eller om det specificerade fönstret inte finns, då open() metoden skapar ett nytt webbläsarfönster. Detta fönster kommer att visa url parametrar specificerade URL, dess namn definieras av name specificeras, storlek och kontroller definieras av features parametrar specificerar. Om url är en tom sträng, då open() att öppna ett nytt fönster.

name parametrar för att specificera namnet på det nya fönstret. Detta namn får endast innehålla siffror, bokstäver eller understrecket. Det kan användas som en <a> och <form> värdet för target-attributet, för att tvinga dokumentet att visas i det specifika fönstret.

när man använder metoden Window.open() När man laddar ett nytt dokument i ett befintligt specifikt fönster, kan man skicka replace parametern, används för att deklarera om det nya dokumentet ska ha sin egen post i fönstrets bläddringshistorik eller ersätta den aktuella posten. Om replace är true, kommer den nya dokumentet att ersätta det gamla dokumentet. Om värdet är false eller utesluts, kommer det nya dokumentet att ha sin egen post i fönstrets bläddringshistorik. Den funktion som denna parameter tillhandahåller är lik den Location.replace() metoden de funktioner som tillhandahålls är mycket lika.

inte förväxla Window.open() metoden liknar Document.open() metoden, för att göra din kod tydlig, använd Window.open(), och inte använda open(). Vanligtvis tolkas funktionen open() i definierade HTML-attributshanterare som Document.open()så måste man använda Window.open().

Fönsterfunktioner

features parametern är en lista över egenskaper som fönstret ska visa, och egenskaperna skiljs med kommatecken. Om värdet för denna valfria parameter är tomt eller utesluts, kommer fönstret att visa alla egenskaper. Men om features specificerar en egenskap, kommer de egenskaper som inte visas i listan inte att visas i fönstret. Det är viktigt att notera att denna sträng innehåller inga blanksteg eller tomma tecken, och varje elements format är som följande:

feature[=value]

För de flesta egenskapernavalue värden är yes eller no. Efter dessa egenskaper och value värden kan uteslutas. Om egenskapen finns, antas value Värdet är yes, om det inte visas, antas value Värdet är no. Men, om egenskaperna width eller height value Värdet är nödvändigt, se till att specificera deras pixelvärden.

Webbläsarstöd

Alla webbläsare stöder open():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Stöd Stöd Stöd Stöd Stöd Stöd

Mer exempel

Exempel 2

Öppna sidan about:blank i ett nytt fönster/flik:

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

Prova själv

Exempel 3

Öppna ett nytt fönster med namnet "MsgWindow" och skriv in några texter i det:

var minFönster = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>");

Prova själv

Exempel 4

Använd ett nytt fönster för att ersätta det aktuella fönstret:

var myWindow = window.open("", "_self");
minFönster.document.write("<p>Jag har ersatt det aktuella fönstret.</p>")}

Prova själv

Exempel 5

Öppna ett nytt fönster och kontrollera dess utseende:

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

Prova själv

Exempel 6

Öppna flera flikar:

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

Prova själv

Exempel 7

Öppna ett nytt fönster. Använd close() för att stänga detta fönster:

function openWin() {
  minFönster = window.open("", "minFönster", "width=200,height=100");   // Öppnar ett nytt fönster
}
function closeWin() {
  minFönster.close();   // Stäng detta nya fönster
}

Prova själv

Exempel 8

Öppna ett nytt fönster. Använd name-attributet för att returnera namnet på det nya fönstret:

var minFönster = window.open("", "MsgWindow", "width=200,height=100");
minFönster.document.write("<p>Namnet på detta fönster är: " + minFönster.name + "</p>");

Prova själv

Exempel 9

Använd opener-attributet för att returnera en referens till fönstret som skapade det nya fönstret:

var minFönster = window.open("", "minFönster", "width=200,height=100");   // Öppnar ett nytt fönster
minFönster.document.write("<p>Detta är 'minFönster'</p>");   // Texten i det nya fönstret
minFönster.opener.document.write("<p>Detta är källfönstret!</p>");  // Skapar en ny fönster i fönstret

Prova själv