Hướng dẫn open new window html

Example 1

Open "www.w3schools.com" in a new browser tab:

window.open["//www.w3schools.com"];

Try it Yourself »

More examples below.

Definition and Usage

The open[] method opens a new browser window, or a new tab, depending on your browser settings and the parameter values.

Syntax

window.open[URL, name, specs, replace]

Parameters

Parameter	Description
URL	Optional. The URL of the page to open. If no URL is specified, a new blank window/tab is opened
name	Optional. The target attribute or the name of the window. The following values are supported:
Value Description _blank URL is loaded into a new window, or tab. This is the default _parent URL is loaded into the parent frame _self URL replaces the current page _top URL replaces any framesets that may be loaded name The name of the window [does not specify the title of the window]
specs	Optional. A comma-separated list of items, no whitespaces. The following values are supported:
fullscreen=yes|no|1|0 Whether or not to display the browser in full-screen mode. Default is no. A window in full-screen mode must also be in theater mode. IE only height=pixels The height of the window. Min. value is 100 left=pixels The left position of the window. Negative values not allowed location=yes|no|1|0 Whether or not to display the address field. Opera only menubar=yes|no|1|0 Whether or not to display the menu bar resizable=yes|no|1|0 Whether or not the window is resizable. IE only scrollbars=yes|no|1|0 Whether or not to display scroll bars. IE, Firefox & Opera only status=yes|no|1|0 Whether or not to add a status bar titlebar=yes|no|1|0 Whether or not to display the title bar. Ignored unless the calling application is an HTML Application or a trusted dialog box toolbar=yes|no|1|0 Whether or not to display the browser toolbar. IE and Firefox only top=pixels The top position of the window. Negative values not allowed width=pixels The width of the window. Min. value is 100
replace	Deprecated Specifies whether the URL creates a new entry or replaces the current entry in the history list. The following values are supported: true - URL replaces the current document in the history list false - URL creates a new entry in the history list Warning Chrome throws an exception when using this parameter. Source: Bugs Chromium Issue 1164959.

Return Value

A reference to the new window, or null if the call failed.

More Examples

Open an about:blank page in a new window/tab:

var myWindow = window.open["", "", "width=200,height=100"];

Try it Yourself »

Open a new window called "MsgWindow", and write some text into it:

var myWindow = window.open["", "MsgWindow", "width=200,height=100"];
myWindow.document.write["

This is 'MsgWindow'. I am 200px wide and 100px tall!

"];

Try it Yourself »

Replace the current window with a new window:

var myWindow = window.open["", "_self"];
myWindow.document.write["

I replaced the current window.

"];

Try it Yourself »

Open a new window and control its appearance:

window.open["//www.w3schools.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400"];

Try it Yourself »

Open a new window. Use close[] to close the new window:

function openWin[] {
  myWindow = window.open["", "myWindow", "width=200,height=100"];   // Opens a new window
}

function closeWin[] {
  myWindow.close[];   // Closes the new window
}

Try it Yourself »

Open a new window. Use the name property to return the name of the new window:

var myWindow = window.open["", "MsgWindow", "width=200,height=100"];
myWindow.document.write["

This window's name is: " + myWindow.name + "

"];

Try it Yourself »

Using the opener property to return a reference to the window that created the new window:

var myWindow = window.open["", "myWindow", "width=200,height=100"];   // Opens a new window
myWindow.document.write["

This is 'myWindow'

"];   // Text in the new window
myWindow.opener.document.write["

This is the source window!

"];  // Text in the window that created the new window

Try it Yourself »

Browser Support

open[] is supported in all browsers:

Chrome	IE	Edge	Firefox	Safari	Opera
Yes	Yes	Yes	Yes	Yes	Yes