Window open() 方法

定义和用法

open() 方法会打开新的浏览器窗口或新选项卡，具体取决于您的浏览器设置和参数值。

另请参阅：

close() 方法

实例

例子 1

在新的浏览器选项卡中打开 "www.codew3c.com"：

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

亲自试一试

页面下方提供更多实例。

语法

window.open(url, name, mga katangian, replace)

参数

参数 ang paglalarawan
url

可选。要打开的页面的 URL。

如果未指定 url，则会打开一个新的空白窗口或选项卡。
name 可选。target 属性或窗口的名称。
mga katangian 可选。以逗号分隔的项目列表，无空格。
replace

已弃用。

规定 URL 是创建新条目还是替换历史列表中的当前条目。

支持以下值：

  • true - URL 替换历史列表中的当前文档
  • false - URL 在历史列表中创建新条目

警告：Chrome 在使用 replace 参数时会抛出异常。

name 参数支持以下值：

ang halaga ang paglalarawan
_blank URL 被加载到新窗口或选项卡中。默认。
_parent URL 被加载到父框架中。
_self URL 替换当前页面。
_top ang URL na papalitan ang anumang posibleng na maglulad na framework.
name ang pangalan ng window (hindi tinukoy ang titulo ng window).

ang features paramter ay sumusuporta sa mga sumusunod na halaga:

ang halaga ang paglalarawan
fullscreen=yes|no|1|0 kung ipapakita ang browser sa buong screen mode. Ang default ay hindi. Ang window sa buong screen mode ay dapat nasa cinema mode. Tanging IE.
height=pixels ang taas ng window, sa pixel. Ang pinakamaliit na halaga ay 100.
left=pixels ang kaliwang bahagi ng window (X-simbolo), sa pixel. Hindi pinapayagan ang negatibong halaga.
location=yes|no|1|0 kung ipapakita ang address field. Tanging Opera.
menubar=yes|no|1|0 kung ipapakita ang menu bar.
resizable=yes|no|1|0 kung maaaring ayusin ang laki ng window. Tanging IE.
scrollbars=yes|no|1|0 kung ipapakita ang scroll bar. Tanging IE, Firefox at Opera.
status=yes|no|1|0 kung magdagdag ng status bar.
titlebar=yes|no|1|0 kung ipapakita ang titlebar. Maliban kung ang tinawag na aplikasyon ay HTML application o pinagkakatiwalaang dialog, ito ay pinagwawalang bahala.
toolbar=yes|no|1|0 kung ipapakita ang toolbar ng browser. Tanging IE at Firefox.
top=pixels ang taas ng itaas ng window (Y-simbolo), sa pixel. Hindi pinapayagan ang negatibong halaga.
width=pixels ang lapad ng window, sa pixel. Ang pinakamaliit na halaga ay 100.

ang halaga ng ibabalik

ang reperensya ng bagong window, kung ang pagtawag ay nabigo, ay nulo.

ang teknikal na detalye

ang paglalarawan

open() ang paraan ay magsasalpok sa umiiral na window o magbukas ng bagong window ng browser. Kung name kung tinukoy ang umiiral na window, ibabalik ang reperensya ng window na iyon. Ang ibabalik na window ay ipapakita url ang paramter na tinukoy ang dokumento na tinukoy ng mga katangian ang paramter. Sa kung alam lamang ang pangalan ng window, ito ang pinakamadaling paraan ng JavaScript na makuha ang reperensya ng window na iyon.

kung hindi tinukoy name ang paramter, o kung ang tinukoy na window ay wala, open() ang paraan ay maglikha ng bagong window ng browser. Ang bagong window na ito ay ipapakita url ang URL na tinukoy ng name kung tinukoy, ang laki at ang mga kontrol ay tinukoy ng mga katangian ang paramter na tinukoy. url kung ito ay walang laman, open() magbukas ng bagong bintana.

name ang paramter na tinukoy ang pangalan ng bagong bintana. Ang pangalan na ito ay dapat magkaroon lamang ng numero, titik, o underscore. Maaari itong maging tanda <a> at <form> ng halaga ng target na atributo, upang pilitin ang dokumento na ipapakita sa tinukoy na bintana.

kapag gumagamit ng paraan Window.open() Sa paglalaad ng bagong dokumento sa umiiral na tinukoy na bintana, maaaring ibigay ito bilang replace Parameter, na ginagamit upang sabihin kung ang bagong dokumento ay magkaroon ng sariling entri sa kasaysayan ng pagbabasa ng window o papalitan ang kasalukuyang entri. replace Ang halaga ay true, ang bagong dokumento ay papalitan ng lumang dokumento. Kung ang halaga ay false, o walang suot, ang bagong dokumento ay magkaroon ng sariling entri sa kasaysayan ng pagbabasa ng window. Ang ginamit na paramter ay Location.replace() method Ang mga ginamit na function ay napakasama-sama.

Huwag hulihin Window.open() Ang method ay Document.open() method, Upang ang iyong code ay malinaw, mas mabuti na gamitin Window.open(), at huwag gamitin open(). Sa inilalarawan na HTML attribute event handler, karaniwang pinapakahulugan ang function open() bilang Document.open()Kaya, sa ganitong sitwasyon, kailangang gamitin Window.open().

Katangian ng window

mga katangian Ang parameter ay ang listahan ng mga katangian na dapat ipakita ng window, na mga katangian na naka hiwalay ng kumita. Kung ang halaga ng opsyonal na parameter ay walang halaga o napawalang suot, ang window ay ipapakita ang lahat ng katangian. Gayunpaman, kung mga katangian Tinukoy ang isang katangian, ang mga katangian na hindi lumitaw sa listahan na ito ay hindi na ipapakita sa window. Maaaring magmungkahi, ang string na ito ay walang espasyo o mga white space, at ang format ng bawat elemento ay gaya ng ibabang ini:

katangian[=halaga]

Para sa karamihan sa mga katangian,halaga Ang halaga ay yes o no. Ang kinalalagyan ng mga katangian at halaga Ang halaga ay maaaring maiwasan, kung lumitaw ang katangian, ay ipinapalagay na halaga Ang halaga ay yes, kung hindi lumitaw, ay ipinapalagay na halaga Ang halaga ay no. Gayunpaman, ang halaga ng width o height halaga Ang halaga ay kinakailangan, dapat magbigay ng kanilang sukat sa pixel.

Suporta ng browser

Lahat ng mga browser ay sumusuporta sa open():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporta Suporta Suporta Suporta Suporta Suporta

Higit pang mga halimbawa

Mga halimbawa 2

Buksan ang about:blank pahina sa bagong window/tab:

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

亲自试一试

Mga halimbawa 3

Buksan bagong window na may pangalang "MsgWindow" at isulat dito ang ilang teksto:

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

亲自试一试

Mga halimbawa 4

Gawang bagong window para sa kasalukuyang window:

var myWindow = window.open("", "_self");
myWindow.document.write("<p>Pinalitan ko ang kasalukuyang window.</p>")}

亲自试一试

Halimbawa 5

Bumuksan ang bagong window at kontrolin ang kanyang hitsura:

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

亲自试一试

Halimbawa 6

Bumuksan ang ilang tab:

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

亲自试一试

Halimbawa 7

Bumuksan ang bagong window. Pagkatapos, gamitin ang close() upang isara ang bagong window:

function openWin() {
  myWindow = window.open("", "myWindow", "width=200,height=100");   // Bumuksan ang bagong window
}
function closeWin() {
  myWindow.close();   // Isara ang bagong window
}

亲自试一试

Halimbawa 8

Bumuksan ang bagong window. Gumamit ng name attribute upang ibalik ang pangalan ng bagong window:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>Ang pangalan ng window na ito ay: " + myWindow.name + "</p>");

亲自试一试

Halimbawa 9

Gumamit ng opener attribute upang ibalik ang pagkilala sa window na binubuo ng bagong window:

var myWindow = window.open("", "myWindow", "width=200,height=100");   // Bumuksan ang bagong window
myWindow.document.write("<p>This is 'myWindow'</p>");   // Ang teksto sa bagong window
myWindow.opener.document.write("<p>Ang window na binubuo ay may teksto: This is the source window!</p>");  // Ang teksto sa loob ng bagong window na binubuo

亲自试一试