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 पारामीटर निर्दिष्ट URL, जिसका नाम name निर्दिष्ट, आकार और नियंत्रक द्वारा features पारामीटर निर्दिष्ट करता है। यदि url यदि खाली स्ट्रिंग है, तो open() नया विंडो खोलेगा।

name पारामीटर के द्वारा नए विंडो का नाम निर्दिष्ट करता है। इस नाम में केवल संख्या, अक्षर या अंडरस्कोर के उपयोग की अनुमति है। यह किसी चिह्न के रूप में काम कर सकता है <a> और <form> के target विशेषता के मान का उपयोग करके, दस्तावेज़ को इस निर्दिष्ट विंडो में दिखाने के लिए मजबूर करता है।

जब तकनीक का उपयोग करते हैं Window.open() कोई मौजूदा निर्दिष्ट विंडो में नया दस्तावेज़ लोड करने के लिए, इसे इसको पास कर सकते हैं replace पैरामीटर का उपयोग करता है, ताकि घोषित किया जाए कि नया दस्तावेज़ विंडो के ब्राउज़िंग इतिहास में अपना प्रविष्टि रखेगा या नहीं। यदि}} replace का मान true है, तो नया दस्तावेज़ पुराने दस्तावेज़ को प्रतिस्थापित करेगा। यदि मान false है या छोड़ दिया गया है, तो नया दस्तावेज़ विंडो के ब्राउज़िंग इतिहास में अपना प्रविष्टि रखेगा。 Location.replace() विधि साथ ही

संगमेलन मत करें Window.open() साथ ही Document.open() विधिसमझा जाता है Window.open()समझा जाता है open()सामान्यतया, घटना संदर्भदाता में फ़ंक्शन open() को Document.open()का उपयोग करना आवश्यक है Window.open().

विंडो विशेषताएँ

features पैरामीटर विंडो में दिखाए जाने वाली विशेषताओं की सूची है, जिनमें प्रत्येक विशेषता को कोमा से अलग किया गया है। यदि इस वैकल्पिक पैरामीटर का मान खाली है या इसे छोड़ दिया गया है, तो विंडो सभी विशेषताओं को दिखाएगा। लेकिन यदि features किसी विशेषता को निर्दिष्ट करता है, तो इस सूची में नहीं उपस्थित विशेषताएँ विंडो में नहीं दिखाई देंगी। ध्यान दें कि इस तार्किक शब्द में कोई स्पेस या शून्य अक्षर नहीं है, जिसमें प्रत्येक तत्व का रूपांकन निम्नलिखित रूप में है:

feature[=मानदंड]

अधिकांश विशेषताओं के लिएमानदंड इसके बाद के अनुक्रम के लिए अनुमान है yes या no。 मानदंड मानदंड छोड़ सकते हैं, अगर इस विशेषता का उल्लेख होता है, तो यह अनुमान लगाया जाता है मानदंड मानदंड yes है, अगर वह नहीं होता है, तो यह अनुमान लगाया जाता है मानदंड मानदंड no है। लेकिन, विशेषता width या height के मानदंड मानदंड अनिवार्य हैं, उन्हें उनके पिक्सल मान निर्दिष्ट करना चाहिए。

ब्राउज़र समर्थन

सभी ब्राउज़र इसका समर्थन करते हैं 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>");  // नए विंडो के अंदर विंडो का पाठ

स्वयं प्रयोग कीजिए