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 是否显示标题栏。除非调用的应用程序是 HTML 应用程序或受信任的对话框，否则将被忽略。
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() 方法，要使您的代码清晰明白，最好使用 Window.open()，而不要使用 open()。在定义为 HTML 属性的事件句柄中，通常把函数 open() 解释为 Document.open()，因此，在这种情况下，就必须使用 Window.open()。

窗口特性

features 参数是窗口要显示的特性列表，其中各个特性之间用逗号分隔。如果这个可选参数的值为空，或者它被省略，则窗口将显示出所有特性。不过，如果 features ఒక స్పెసిఫికేషన్ను నిర్దేశించినప్పుడు, ఈ జాబితాలో కనిపించని స్పెసిఫికేషన్లు విండోలో చూపబడవు. గమనించండి కానీ, ఈ స్ట్రింగ్ ఏ స్పేస్ లేదా స్పేస్ సబ్స్క్రిప్షన్లు లేవు, ప్రతి అంశం ఈ ఫార్మాట్లో ఉంటుంది:

feature[=value]

చాలా వర్గాల కొరకు ఈ స్పెసిఫికేషన్లుvalue యొక్క విలువ అవుతుంది yes లేదా no. ఈ స్పెసిఫికేషన్ల తర్వాత వాల్యూ మరియు value విలువలు పారితోలబడవచ్చు, అయితే ఈ స్పెసిఫికేషన్ కలిగినప్పుడు దాని విలువ అవుతుంది value విలువ అవుతుంది అయితే, వాటిని ప్రస్తావించలేదు అయితే, అప్పుడు దాని విలువ అవుతుంది value విలువ నో ఉంది. కానీ, స్పెసిఫికేషన్ 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>");  // కొత్త విండోను సృష్టించే విండోలో వచనం

亲自试一试