Window open() 方法

定义和用法

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

另请参阅：

close() 方法

实例

例子 1

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

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

آپ خود کا کوشش کریئے

页面下方提供更多实例。

语法

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

参数

参数 描述
url

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

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

已弃用。

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

支持以下值：

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

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

name 参数支持以下值：

值 描述
_blank URL 被加载到新窗口或选项卡中。默认。
_parent URL 被加载到父框架中。
_self URL 替换当前页面。
_top URL 替换任何可能加载的框架集。
name 窗口的名称（不指定窗口的标题）。

features 参数支持以下值：

值 描述
fullscreen=yes|no|1|0 是否以全屏模式显示浏览器。默认为否。全屏模式的窗口也必须处于影院模式。仅限 IE。
height=pixels 窗口的高度，以像素计。最小值为 100。
left=pixels 窗口的左侧位置（X 坐标），以像素计。不允许负值。
location=yes|no|1|0 是否显示地址字。仅限 Opera。
menubar=yes|no|1|0 ਮੇਨੂ ਬਾਰ ਦਿਖਾਉਣਾ ਹੈ ਜਾਂ ਨਹੀਂ。
resizable=yes|no|1|0 ਵਿੰਡੋ ਚੌੜਾਈ ਕਿਵੇਂ ਬਦਲਿਆ ਜਾਵੇ ਹੈ। ਇਹ ਸਿਰਫ IE ਵਿੱਚ ਹੈ。
scrollbars=yes|no|1|0 ਸਕਰੋਲਬਾਰ ਦਿਖਾਉਣਾ ਹੈ ਜਾਂ ਨਹੀਂ। ਇਹ ਸਿਰਫ IE, Firefox ਅਤੇ Opera ਵਿੱਚ ਹੈ。
status=yes|no|1|0 ਸਟੇਟਸ ਬਾਰ ਜੋੜਨਾ ਹੈ ਜਾਂ ਨਹੀਂ。
titlebar=yes|no|1|0 ਟਾਇਟਲ ਬਾਰ ਦਿਖਾਉਣਾ ਹੈ ਜਾਂ ਨਹੀਂ। ਜੇਕਰ ਸਿਰਫ ਐਪਲੀਕੇਸ਼ਨ ਐੱਚਟੀਐੱਮਐੱਲ ਐਪਲੀਕੇਸ਼ਨ ਹੈ ਜਾਂ ਵਿਸ਼ਵਸਤ ਵਿਵਾਹ ਪੱਖ ਹੈ ਤਾਂ ਇਸ ਨੂੰ ਨਹੀਂ ਲਗਾਇਆ ਜਾਵੇਗਾ।
toolbar=yes|no|1|0 ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਸਾਧਨ ਪੇਂਡੂਲ ਦਿਖਾਉਣਾ ਹੈ ਜਾਂ ਨਹੀਂ। ਇਹ ਸਿਰਫ IE ਅਤੇ Firefox ਵਿੱਚ ਹੈ।
top=pixels ਵਿੰਡੋ ਦੀ ਉੱਪਰੀ ਸਥਿਤੀ (Y ਨਿਰਦੇਸ਼ਾਂਕ) ਪਿਕਸਲ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਵੇਗਾ। ਨਕਾਰਾਤਮਕ ਕੀਮਤਾਂ ਦੀ ਇਜਾਜ਼ਤ ਨਹੀਂ ਹੈ。
width=pixels ਵਿੰਡੋ ਦੀ ਚੌੜਾਈ ਪਿਕਸਲ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਵੇਗਾ। ਨਿਮਨਤਮ ਕੀਮਤ 100 ਹੈ。

ਵਾਪਸ ਕੀਤਾ ਗਿਆ ਕੀਮਤ

ਨਵੀਂ ਵਿੰਡੋ ਦੀ ਪ੍ਰਤੀਯੋਗੀ ਵਾਪਸ ਦੇਣਗੇ ਜਾਂ ਫੇਰ ਕਾਲ ਹੋਵੇਗਾ null。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਵਰਣਨ

open() ਮੇਥਡ ਨਿਰਦਿਸ਼ਟ ਵਿੰਡੋ ਨੂੰ ਲੱਭੇਗਾ ਜਾਂ ਨਵੀਂ ਬਰਾਉਜ਼ਰ ਵਿੰਡੋ ਖੋਲ੍ਹੇਗਾ। ਜੇਕਰ name ਪੈਰਾਮੀਟਰ ਨਿਰਦਿਸ਼ਟ ਕੀਤੀ ਗਈ ਵਿੰਡੋ ਮੌਜੂਦ ਹੈ ਤਾਂ ਉਸ ਵਿੰਡੋ ਦੀ ਪ੍ਰਤੀਯੋਗੀ ਵਾਪਸ ਦੇਣਗੇ। ਵਾਪਸ ਕੀਤੀ ਗਈ ਵਿੰਡੋ url ਪੈਰਾਮੀਟਰ ਦੁਆਰਾ ਨਿਰਦਿਸ਼ਟ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਦਿਖਾਵੇਗਾ ਪਰ features ਪੈਰਾਮੀਟਰ। ਜਦੋਂ ਸਿਰਫ ਵਿੰਡੋ ਦਾ ਨਾਮ ਪਤਾ ਹੈ ਤਾਂ ਇਹ ਜਾਵਾਸਕ੍ਰਿਪਟ ਉਸ ਵਿੰਡੋ ਲਈ ਪ੍ਰਤੀਯੋਗੀ ਹਾਸਲ ਕਰਨ ਦਾ ਇੱਕਮਾਤਰ ਤਰੀਕਾ ਹੈ。

ਜੇਕਰ ਨਿਰਦਿਸ਼ਟ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਹੈ name ਪੈਰਾਮੀਟਰ ਨੂੰ ਦਿਖਾਵੇਗਾ ਜਾਂ ਉਹ ਨਿਰਦਿਸ਼ਟ ਵਿੰਡੋ ਨਹੀਂ ਮੌਜੂਦ ਹੈ, ਤਾਂ open() ਮੇਥਡ ਨਵੀਂ ਬਰਾਉਜ਼ਰ ਵਿੰਡੋ ਬਣਾਵੇਗਾ। ਇਹ ਨਵੀਂ ਵਿੰਡੋ url ਪੈਰਾਮੀਟਰ ਦੁਆਰਾ ਨਿਰਦਿਸ਼ਟ ਯੂਐੱਰਐੱਲ ਦਾ ਉਲਟਾ ਨਿਰਦੇਸ਼ ਕਰਦਾ ਹੈ ਜਿਸ ਦਾ ਨਾਮ name ਨਿਰਦਿਸ਼ਟ ਕੀਤਾ ਗਿਆ ਹੈ ਤਾਂ features ਪੈਰਾਮੀਟਰ ਨਿਰਦਿਸ਼ਟ ਕਰਦਾ ਹੈ। ਜੇਕਰ url ਜੇਕਰ ਖਾਲੀ ਹੈ ਤਾਂ open() ਨਵੀਂ ਵਿੰਡੋ ਖੋਲ੍ਹੇਗਾ。

name ਪੈਰਾਮੀਟਰ ਨਵੀਂ ਵਿੰਡੋ ਦਾ ਨਾਮ ਨਿਰਦਿਸ਼ਟ ਕਰਦਾ ਹੈ। ਇਸ ਨਾਮ ਵਿੱਚ ਸਿਰਫ ਅੰਕ, ਅੱਖਰ ਜਾਂ ਹਾਰਪਰ ਹੋ ਸਕਦੇ ਹਨ। ਇਹ ਨਾਮ ਇੱਕ ਟੈਗ ਵਜੋਂ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ <a> ਅਤੇ <form> ਦੇ target ਪ੍ਰਤੀਯੋਗੀ ਦੀ ਕੀਮਤ ਨੂੰ ਵਰਤਦੇ ਹਾਂ ਤਾਂ ਦਸਤਾਵੇਜ਼ ਇਸ ਨਿਰਦਿਸ਼ਟ ਵਿੰਡੋ ਵਿੱਚ ਦਿਖਾਇਆ ਜਾਵੇਗਾ。

ਜਦੋਂ ਮੇਥਡ ਵਰਤਦੇ ਹਾਂ Window.open() ਮੌਜੂਦਾ ਨਿਰਦਿਸ਼ਟ ਵਿੰਡੋ ਵਿੱਚ ਨਵਾਂ ਦਸਤਾਵੇਜ਼ ਲੋਡ ਕਰਨ ਲਈ ਉਸ ਨੂੰ ਪਾਸ ਕਰ ਸਕਦੇ ਹਾਂ replace ਪੈਰਾਮੀਟਰ ਨੂੰ ਦੇਖਦੇ ਹੋਏ ਨਵਾਂ ਦਸਤਾਵੇਜ਼ ਵਿੰਡੋ ਦੇ ਬਰਾਉਜ਼ਰ ਇਤਿਹਾਸ ਵਿੱਚ ਆਪਣੀ ਜਗ੍ਹਾ ਰੱਖਣ ਜਾਂ ਪੁਰਾਣੇ ਦਸਤਾਵੇਜ਼ ਦੀ ਥਾਂ ਬਦਲਣ ਦੀ ਘੋਸ਼ਣਾ ਕਰਦਾ ਹੈ। ਜੇਕਰ replace ਦਾ ਮੁੱਲ true ਹੁੰਦਾ ਹੈ ਤਾਂ ਨਵਾਂ ਦਸਤਾਵੇਜ਼ ਪੁਰਾਣੇ ਦਸਤਾਵੇਜ਼ ਦੀ ਥਾਂ ਬਦਲ ਦੇਵੇਗਾ। ਜੇਕਰ ਮੁੱਲ false ਹੈ ਜਾਂ ਉਹ ਸਮਝੇ ਜਾਵੇ ਤਾਂ ਨਵਾਂ ਦਸਤਾਵੇਜ਼ ਵਿੰਡੋ ਦੇ ਬਰਾਉਜ਼ਰ ਇਤਿਹਾਸ ਵਿੱਚ ਆਪਣੀ ਜਗ੍ਹਾ ਰੱਖੇਗਾ। ਇਹ ਪੈਰਾਮੀਟਰ Location.replace() ਮੈਥਡ ਪ੍ਰਦਾਨ ਕੀਤੀਆਂ ਗਈਆਂ ਸਮਰਥਾਵਾਂ ਬਹੁਤ ਹੀ ਸਮਾਨ ਹਨ

ਨਾਲ ਮਿਲ ਕੇ ਹੋਵੇਗਾ Window.open() Document.open() ਮੈਥਡ ਵਰਤੋਂ ਕਰਨੀ ਹੈ ਤਾਂ ਜਿਸ ਤਰ੍ਹਾਂ ਤੁਹਾਡਾ ਕੋਡ ਸਾਫ ਅਤੇ ਸਮਝਦਾਰ ਹੋਵੇDocument.open() Window.open()ਵਰਤੋਂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ open()ਵਰਤੋਂ ਕਰਨੀ ਹੈ, ਸਾਧਾਰਨ ਤੌਰ 'ਤੇ ਇਸ ਵਿੱਚ ਫੰਕਸ਼ਨ open() ਨੂੰ Document.open()ਦੇ ਨਾਲ ਮਿਲ ਕੇ ਹੋਵੇਗਾ, ਇਸ ਪਰਿਸਥਿਤੀ ਵਿੱਚ ਇਸ ਨੂੰ ਵਰਤਣਾ ਹੋਵੇਗਾ Window.open().

ਵਿੰਡੋ ਵਿਸ਼ੇਸ਼ਤਾ

features ਪੈਰਾਮੀਟਰ ਵਿੰਡੋ ਵਿੱਚ ਦਿਖਾਈ ਦੇਣ ਵਾਲੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਲਿਸਟ ਹੈ, ਜਿਸ ਵਿੱਚ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨੂੰ ਕੋਮਾ ਨਾਲ ਵੰਡਿਆ ਜਾਵੇਗਾ। ਜੇਕਰ ਇਸ ਵਿਸ਼ੇਸ਼ ਪੈਰਾਮੀਟਰ ਦਾ ਮੁੱਲ ਖਾਲੀ ਹੈ ਜਾਂ ਉਹ ਸਮਝੇ ਜਾਵੇ ਤਾਂ ਵਿੰਡੋ ਸਾਰੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦਿਖਾਈ ਦੇਣਗੇ। ਪਰ ਜੇਕਰ features ਕੋਈ ਵਿਸ਼ੇਸ਼ਤਾ ਸਪਸ਼ਟ ਕਰਦਾ ਹੈ ਤਾਂ ਇਸ ਲਿਸਟ ਵਿੱਚ ਨਾ ਆਉਣ ਵਾਲੇ ਵਿਸ਼ੇਸ਼ਤਾ ਵਿੰਡੋ ਵਿੱਚ ਨਾ ਦਿਖਾਈ ਦੇਣਗੇ। ਧਿਆਨ ਦੇਓ ਕਿ ਇਹ ਸਟਰਿੰਗ ਕੋਈ ਖਾਲੀ ਜਾਂ ਪੱਖੇ ਚਿੰਨ੍ਹ ਨਹੀਂ ਹੋਵੇਗਾ, ਜਿਸ ਵਿੱਚ ਹਰੇਕ ਤੱਤ ਦੀ ਫਾਰਮੈਟ ਇਸ ਤਰ੍ਹਾਂ ਹੋਵੇਗੀ:

feature[=value]

ਜ਼ਿਆਦਾਤਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਲਈvalue ਦੇ ਮੁੱਲ ਹੈ yes ਜਾਂ no। ਇਨ੍ਹਾਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੇ ਬਾਅਦ ਦੇ ਬਰਾਬਰ ਦੇ ਚਿੰਨ੍ਹ ਅਤੇ value ਮੁੱਲ ਨੂੰ ਸਿਰਫ ਉਹ ਵਿਸ਼ੇਸ਼ਤਾ ਦੇ ਮੁੱਲ ਵਜੋਂ ਸਿਰਫ ਸਮਝਿਆ ਜਾਵੇਗਾ value ਮੁੱਲ yes ਹੈ ਅਤੇ ਜੇਕਰ ਉਹ ਨਹੀਂ ਆਉਂਦਾ ਹੈ ਤਾਂ value ਮੁੱਲ no ਹੈ। ਪਰ ਵਿਸ਼ੇਸ਼ਤਾ width ਜਾਂ height ਦੇ value ਮੁੱਲ ਲਾਜ਼ਮੀ ਹੈ، ਉਨ੍ਹਾਂ ਦੇ ਪਿਕਸਲ ਮੁੱਲ ਨੂੰ ਨਿਰਦੇਸ਼ਿਤ ਕਰਨਾ ਹੈ。

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਬਰਾਊਜ਼ਰ ਇਹ ਸਮਰਥਨ ਕਰਦੇ ਹਨ open():

ਚਰਮੇ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਚਰਮੇ ਆਈਈ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ ਸਮਰਥਨ

ਹੋਰ ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 2

ਨਵੇਂ ਵਿੰਡੋ/ਟੈਬ ਵਿੱਚ about:blank ਪੰਨਾ ਖੋਲ੍ਹੋ:

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

آپ خود کا کوشش کریئے

ਉਦਾਹਰਣ 3

ਨਵਾਂ ਨਾਮ 'MsgWindow' ਵਾਲਾ ਵਿੰਡੋ ਖੋਲ੍ਹੋ ਅਤੇ ਉਸ ਵਿੱਚ ਕੁਝ ਟੈਕਸਟ ਲਿਖੋ:

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

آپ خود کا کوشش کریئے

ਉਦਾਹਰਣ 4

ਨਵੇਂ ਵਿੰਡੋ ਨਾਲ ਮੌਜੂਦਾ ਵਿੰਡੋ ਬਦਲੋ:

var myWindow = window.open("", "_self");
myWindow.document.write("<p>ਮੈਂ ਮੌਜੂਦਾ ਵਿੰਡੋ ਨੂੰ ਬਦਲ ਦਿੱਤਾ.</p>")}

آپ خود کا کوشش کریئے

ਉਦਾਹਰਣ 5

ਨਵਾਂ ਵਿੰਡੋ ਖੋਲ੍ਹੋ ਅਤੇ ਇਸ ਦਾ ਆਕਾਰ ਨਿਯੰਤਰਿਤ ਕਰੋ:

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

آپ خود کا کوشش کریئے

ਉਦਾਹਰਣ 6

ਕਈ ਟੈਬਸ ਖੋਲ੍ਹੋ:

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

آپ خود کا کوشش کریئے

ਉਦਾਹਰਣ 7

ਨਵਾਂ ਵਿੰਡੋ ਖੋਲ੍ਹੋ ਤਾਂ ਬਾਅਦ ਇਸ ਨਵੇਂ ਵਿੰਡੋ ਨੂੰ close() ਨਾਲ ਬੰਦ ਕਰੋ:

function openWin() {
  myWindow = window.open("", "myWindow", "width=200,height=100");   // ਨਵਾਂ ਵਿੰਡੋ ਖੋਲ੍ਹੋ
}
function closeWin() {
  myWindow.close();   // ਇਸ ਨਵੇਂ ਵਿੰਡੋ ਨੂੰ ਬੰਦ ਕਰੋ
}

آپ خود کا کوشش کریئے

ਉਦਾਹਰਣ 8

ਨਵਾਂ ਵਿੰਡੋ ਖੋਲ੍ਹੋ। name ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਨਵੇਂ ਵਿੰਡੋ ਦਾ ਨਾਮ ਲੈਣਾ:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>ਇਸ ਵਿੰਡੋ ਦਾ ਨਾਮ ਹੈ: " + myWindow.name + "</p>");

آپ خود کا کوشش کریئے

ਉਦਾਹਰਣ 9

opener ਪ੍ਰਤੀਯੋਗਿਤਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਨਵੇਂ ਵਿੰਡੋ ਖੋਲ੍ਹਣ ਵਾਲੇ ਵਿੰਡੋ ਦੀ ਨਿਰਦੇਸ਼ਾਂ ਲੈਣਾ:

var myWindow = window.open("", "myWindow", "width=200,height=100");   // ਨਵਾਂ ਵਿੰਡੋ ਖੋਲ੍ਹਣਾ
myWindow.document.write("<p>ਇਹ 'myWindow' ਹੈ</p>");   // ਨਵੇਂ ਵਿੰਡੋ ਵਿੱਚ ਟੈਕਸਟ
myWindow.opener.document.write("<p>ਇਹ ਸੋਰਸ ਵਿੰਡੋ ਹੈ!</p>");  // ਨਵੇਂ ਵਿੰਡੋ ਵਿੱਚ ਟੈਕਸਟ ਬਣਾਉਣਾ

آپ خود کا کوشش کریئے