जावास्क्रिप्ट के window.open() मेथड का उपयोग करके नई ब्राउज़र विंडोज़ खोलने से अलग से जानकारी प्रदर्शित करने या स्व-निहित एप्लिकेशन बनाने का एक तरीका मिलता है। जबकि आधुनिक वेब डिज़ाइन अक्सर मोडल डायलॉग पसंद करता है, window.open() को समझना मूल्यवान बना रहता है। यह गाइड इसके उपयोग की व्याख्या करता है, सर्वोत्तम प्रथाओं और संभावित सीमाओं को संबोधित करता है।
window.open() को समझना
मुख्य फलन window.open(URL, windowName, windowFeatures) है। प्रत्येक पैरामीटर एक महत्वपूर्ण भूमिका निभाता है:
URL: (स्ट्रिंग) खोलने के लिए वेब पता। इसे छोड़ देने पर एक खाली विंडो बनती है।windowName: (स्ट्रिंग) विंडो की पहचान करने के लिए एक नाम। नाम को पुनः उपयोग करने पर एक मौजूदा विंडो लक्षित होती है। इसे छोड़ देने पर हर बार एक नई, अनाम विंडो बनती है।windowFeatures: (स्ट्रिंग) विंडो की उपस्थिति और व्यवहार को नियंत्रित करने वाली अल्पविराम से अलग विशेषताएँ। सामान्य विशेषताओं में शामिल हैं:
| विशेषता | मान | वर्णन |
|---|---|---|
width |
pixels |
पिक्सेल में विंडो की चौड़ाई। |
height |
pixels |
पिक्सेल में विंडो की ऊँचाई। |
left |
pixels |
स्क्रीन के बाएँ किनारे से क्षैतिज स्थिति। |
top |
pixels |
स्क्रीन के ऊपरी किनारे से ऊर्ध्वाधर स्थिति। |
toolbar |
yes/no |
टूलबार दिखाएँ/छिपाएँ। |
menubar |
yes/no |
मेनू बार दिखाएँ/छिपाएँ। |
location |
yes/no |
पता बार दिखाएँ/छिपाएँ। |
resizable |
yes/no |
आकार बदलने की अनुमति दें/रोकें। |
scrollbars |
yes/no |
स्क्रॉलबार दिखाएँ/छिपाएँ। |
व्यावहारिक उदाहरण
उदाहरण 1: सरल पॉपअप
window.open("https://www.example.com", "_blank", "width=800,height=600");
एक नए टैब या विंडो में example.com खोलता है।
उदाहरण 2: अनुकूलन योग्य पॉपअप
let myWindow = window.open("", "myPopup", "width=400,height=300,resizable=yes,scrollbars=yes");
if (myWindow) {
myWindow.document.write("Hello from a Popup!
");
myWindow.document.close();
} else {
alert("Popup blocked!");
}
गतिशील रूप से जोड़ी गई सामग्री के साथ एक कस्टम पॉपअप बनाता है। पॉपअप ब्लॉकर्स को सुचारू रूप से प्रबंधित करने के लिए त्रुटि हैंडलिंग शामिल है।
उदाहरण 3: पॉपअप को नियंत्रित करना और बंद करना
let myWindow = window.open("about:blank", "myWindow");
// ... बाद में आपके कोड में ...
if (myWindow && !myWindow.closed) {
myWindow.close();
}
यह एक विंडो खोलने और बाद में यह जाँचने का प्रदर्शन करता है कि इसे बंद करने का प्रयास करने से पहले यह खुला है या नहीं। !myWindow.closed जाँच विंडो पहले से ही बंद होने पर त्रुटियों को रोकती है।
महत्वपूर्ण विचार
- पॉपअप ब्लॉकर्स: ब्राउज़र पॉपअप ब्लॉकर्स आम हैं। हमेशा इस संभावना को संभालें कि
window.open()nullवापस कर सकता है। - उपयोगकर्ता अनुभव: अत्यधिक पॉपअप विघटनकारी होते हैं। उनका उपयोग कम से कम करें और केवल तभी करें जब आवश्यक हो।
- विकल्प: कई उपयोग के मामलों के लिए, मोडल डायलॉग या अन्य इन-पेज इंटरैक्शन एक बेहतर उपयोगकर्ता अनुभव प्रदान करते हैं।