توفر JavaScript طرقًا مدمجة لفتح وإغلاق نافذة المتصفح لإجراء عمليات إضافية مثل نافذة الروبوت وما إلى ذلك. وتساعد هذه الطرق على فتح النوافذ المنبثقة لنافذة المتصفح أو إغلاقها. فيما يلي طرق النافذة:

يفتح() يغلق()

ال window.open يتم استخدام الطريقة لفتح صفحة ويب جديدة في نافذة جديدة و window. Close طريقة لإغلاق صفحة الويب المفتوحة بواسطة طريقة window.open. راجع طريقة window.open() بالتفصيل:

نافذة.فتح()

إنها طريقة نافذة محددة مسبقًا لـ جافا سكريبت يستخدم لفتح علامة التبويب أو النافذة الجديدة في المتصفح. سيعتمد هذا على إعدادات المتصفح الخاص بك أو المعلمات التي تم تمريرها في طريقة window.open() والتي سيتم فتحها إما نافذة أو علامة تبويب جديدة.

هذه الطريقة مدعومة من قبل جميع متصفحات الويب الشائعة تقريبًا، مثل Chrome، ثعلب النار ، وما إلى ذلك. فيما يلي بناء الجملة والمعلمات الخاصة بطريقة فتح النافذة -

بناء الجملة

تقبل هذه الوظيفة أربعة معلمات، ولكنها اختيارية.

 window.open(URL, name, specs, replace); 

أو

يمكنك أيضًا استخدام هذه الوظيفة دون استخدام نافذة او شباك الكلمة الرئيسية كما هو موضح أدناه:

الرياضيات العشوائية جافا

 open(URL, name, specs, replace) 

لا يوجد فرق بين كلا النحوين.

قائمة المعلمات

فيما يلي قائمة معلمات طريقة window.open(). لاحظ أن جميع معلمات هذه الطريقة اختيارية وتعمل بشكل مختلف.

عنوان URL: تحتوي هذه المعلمة الاختيارية للوظيفة window.open() على سلسلة عنوان URL لصفحة الويب التي تريد فتحها. إذا لم تحدد أي عنوان URL في هذه الوظيفة، فسيتم فتح نافذة فارغة جديدة ( حول: فارغة ).

اسم: باستخدام هذه المعلمة، يمكنك تعيين اسم النافذة التي ستفتحها. وهو يدعم القيم التالية:

يتم تمرير القيم المحددة أعلاه داخل علامة اقتباس مفردة أو مزدوجة إلى الدالة window.open() في مكان معلمة الاسم.

المواصفات: تحتوي هذه المعلمة على الإعدادات المفصولة بفاصلة. لا يمكن أن يحتوي العنصر المستخدم في هذه المعلمة على مسافات بيضاء، على سبيل المثال، العرض = 150، الارتفاع = 100 .

وهو يدعم العديد من القيم.

يستبدل: مثل المعلمات الأخرى للأسلوب window.open()، يعد هذا أيضًا معلمة اختيارية. يقوم إما بإنشاء إدخال جديد أو استبدال الإدخال الحالي في قائمة المحفوظات. وهو يدعم قيمتين منطقيتين؛ هذا يعني أنها تُرجع إما صوابًا أو خطأً:

إرجاع القيم

سيعود نافذة مفتوحة حديثا.

أمثلة

فيما يلي بعض الأمثلة على وظيفة window.open() لفتح نافذة/علامة تبويب المتصفح. افتراضيًا، يتم فتح عنوان URL المحدد في علامة تبويب أو نافذة جديدة. انظر الأمثلة أدناه:

1.open() مع معلمة URL

هذا مثال بسيط على طريقة فتح النافذة التي تحتوي على عنوان URL لموقع الويب بداخلها. لقد استخدمنا زر. من خلال النقر على هذا الزر، ستقوم طريقة window.open() باستدعاء موقع الويب وفتحه في علامة تبويب متصفح جديدة.

رمز النسخ

 Click the button to open new window <br> <br> Open Window 

أو

يمكن كتابة هذا الكود كما هو موضح أدناه -

سلاسل إلى أعداد صحيحة

رمز النسخ

 function openWindow() { window.open(&apos;https://www.javatpoint.com&apos;); } Click the button to open new window <br> <br> Open Window 

انتاج |

عندما تنقر على هذا افتح النافذة سيتم فتح موقع javatpoint في علامة تبويب جديدة داخل نفس النافذة.

انظر اللقطة في الاسفل:

2.open () بدون معلمات

في هذا المثال، لن نقوم بتمرير أي معلمة إلى وظيفة window.open() بحيث سيتم فتح علامة التبويب الجديدة في النافذة السابقة.

رمز النسخ

 function openWindow() { window.open(); } Click the button to open new window <br> <br> Open Window 

انتاج |

عندما تقوم بتنفيذ الكود أعلاه، سيظهر زر معه.

عندما تنقر على هذا افتح النافذة الزر، سيتم فتح نافذة فارغة في علامة تبويب جديدة.

3.open() مع معلمات الاسم

في هذا المثال سوف نقوم بتحديد _الأبوين في معلمة الاسم. يمكنك تمرير أي من هذه القيم (_parent، _blank، _top، وما إلى ذلك) فيه.

رمز النسخ

 function openWindow() { window.open(&apos;https://gmail.com&apos;, &apos;_parent&apos;); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window 

انتاج |

حدد ك

قم بتنفيذ الكود واحصل على الإخراج كما هو موضح أدناه. سيحتوي هذا على زر للنقر على عنوان URL الجديد وفتحه في نفس النافذة الرئيسية.

عند النقر على هذا الزر، سيتم فتح Gmail ضمن نفس النافذة الرئيسية.

عندما تقوم بتمرير القيم المختلفة في المعلمة الثانية، سترى الفرق بين القيم المختلفة.

4. حدد حجم النافذة الجديدة

في هذا المثال، سوف نقوم بتحديد الارتفاع والعرض للنافذة الجديدة. لهذا، سوف نستخدم المعلمة الثالثة ( المواصفات ) في طريقة window.open() وتمرير ارتفاع وعرض النافذة مفصولة بفاصلة إلى هذه الوظيفة. لذلك، سيتم فتح النافذة بالحجم المحدد.

رمز النسخ

 function openWindow() { window.open(&apos;&apos;, &apos;&apos;, &apos;width=300,height=200&apos;); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window 

انتاج |

قم بتنفيذ الكود أعلاه واحصل على الإخراج كما هو موضح أدناه. سيحتوي هذا على زر للنقر على عنوان URL الجديد وفتحه في نفس النافذة الرئيسية.

عند النقر فوق هذا الزر، سيتم فتح نافذة فارغة جديدة أسفل النافذة الأصلية بالحجم.

لاحظ أنه يمكنك أيضًا تمرير عنوان URL إلى طريقة window.open() لفتح أي موقع ويب.

فتح نافذة جديدة باسم ورسالة

يمكننا إظهار أي نص أو نموذج محدد من قبل المستخدم في نافذة جديدة سنقوم بفتحها عند النقر على الزر. لهذا، نحتاج إلى توفير أي اسم للنافذة الجديدة وكتابة بعض النص فيها. سيتم تمرير هذا الاسم إلى طريقة window.open() . انظر الكود أدناه كيف سيتم تنفيذه مع الترميز الفعلي.

كيفية منع اعلانات اليوتيوب على الاندرويد

رمز النسخ

 function openWindow() { var newtab = window.open(&apos;&apos;, &apos;anotherWindow&apos;, &apos;width=300,height=150&apos;); newtab.document.write(&apos;<p> This is &apos;anotherWindow&apos;. It is 300px wide and 150px tall new window! </p>&apos;); } <b> Click the button to open the new user-defined sized window </b> <br> <br> Open Window 

انتاج |

قم بتنفيذ الكود واحصل على الإخراج كما هو موضح أدناه. سيحتوي على زر للنقر فوق عنوان URL الجديد وفتحه في نفس النافذة الرئيسية.

تم إنشاء مثيل لجافا

عند النقر فوق هذا الزر، سيتم فتح نافذة جديدة تحتوي على رسالة محددة من قبل المستخدم أسفل النافذة الرئيسية بحجم 300*150.

توفر JavaScript أيضًا الطريقة المضمنة، أي إغلاق () لإغلاق نافذة المتصفح.

أغلق النافذة المفتوحة بواسطة window.open()

في هذا المثال، سنوضح لك كيفية إغلاق النافذة أو علامة التبويب المفتوحة بواسطة طريقة window.open(). أولاً، سنفتح عنوان URL لموقع الويب في نافذة جديدة (الحجم المحدد في الكود) بنقرة زر ثم نستخدم زرًا آخر لإغلاق تلك النافذة المفتوحة. انظر الكود أدناه كيف سيتم ذلك:

رمز النسخ

 Open and close window method example // function to open the new window tab with specified size function windowOpen() { var newWindow = window.open( &apos;https://www.javatpoint.com/&apos;, &apos;_blank&apos;, &apos;width=500, height=350&apos;); } // function to close the window opened by window.open() function windowClose() { newWindow.close(); } <h2> Window open() and close() method </h2> <b> Click the button to open Javatpoint tutorial site </b> <br> Open Javatpoint <br> <br> <b> Click the button to close Javatpoint tutorial site </b> <br> Close Javatpoint 

انتاج |

عند تنفيذ الكود، سوف تحصل على الرد كما هو موضح أدناه:

انقر على افتح جافاتبوينت زر لفتح موقع Javatpoint التعليمي. لقد حددنا الحجم (الارتفاع والعرض) للنافذة المنبثقة الجديدة التي سيتم فتحها.

إذا قمت بالنقر فوق إغلاق جافاتبوينت الزر، سيتم تصغير هذه النافذة المفتوحة.

دعم المتصفح

تدعم العديد من متصفحات الويب طريقة window.open()، مثل:

• كروم
• موزيلا فايرفوكس
• إنترنت إكسبلورر (آي إي)
• الأوبرا
• سفاري، الخ.

يمكنك استخدام وتشغيل طريقة window.open() على هذه المتصفحات المذكورة أعلاه.

ملاحظة: يمكنك استخدام طريقة Close() الخاصة بـ JavaScript لإغلاق نافذة المتصفح المفتوحة أو علامة التبويب المفتوحة بواسطة window.open(). وسوف نناقشها في الفصل التالي بمزيد من التفصيل.