TechCodeview

JavaScript מציע שיטות מובנות לפתיחה וסגירה של חלון הדפדפן כדי לבצע פעולות נוספות כמו חלון רובוט וכו'. שיטות אלו עוזרות לפתוח או לסגור את חלונות הדפדפן הקופצים. להלן שיטות החלונות:

לִפְתוֹחַ() סגור()

ה חלון.פתח השיטה משמשת לפתיחת דף אינטרנט חדש בחלון חדש ו חלון.סגור שיטה לסגירת דף אינטרנט שנפתח על ידי שיטת window.open. ראה את שיטת window.open() בפירוט:

Window.open()

זוהי שיטת חלון מוגדרת מראש של JavaScript משמש לפתיחת הכרטיסייה או החלון החדשים בדפדפן. זה יהיה תלוי בהגדרת הדפדפן שלך או בפרמטרים שהועברו בשיטת window.open() שחלון או כרטיסייה חדשים ייפתחו.

שיטה זו נתמכת על ידי כמעט כל דפדפני האינטרנט הפופולריים, כמו Chrome , פיירפוקס , וכו'. להלן התחביר והפרמטרים של שיטת פתיחת החלון -

תחביר

פונקציה זו מקבלת ארבעה פרמטרים, אך הם אופציונליים.

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

אוֹ

אתה יכול גם להשתמש בפונקציה זו מבלי להשתמש ב- חַלוֹן מילת מפתח כפי שמוצג להלן:

 open(URL, name, specs, replace) 

אין הבדל בין שני התחבירים.

רשימת פרמטרים

להלן רשימת הפרמטרים של שיטת window.open() . שימו לב - כל הפרמטרים של שיטה זו הם אופציונליים ופועלים אחרת.

כתובת אתר: פרמטר אופציונלי זה של הפונקציה window.open() מכיל את מחרוזת ה-URL של דף אינטרנט שברצונך לפתוח. אם לא תציין כתובת URL בפונקציה זו, היא תפתח חלון חדש ריק ( about:blank ).

שֵׁם: באמצעות פרמטר זה, אתה יכול להגדיר את שם החלון שאתה הולך לפתוח. הוא תומך בערכים הבאים:

הערכים שצוינו לעיל מועברים בתוך מרכאה בודדת או כפולה לפונקציה window.open() במקום פרמטר השם.

linux make command

מפרט: פרמטר זה מכיל את ההגדרות המופרדות באמצעות פסיק. רכיב המשמש בפרמטר זה אינו יכול לכלול רווחים לבנים, למשל, רוחב=150, גובה=100 .

זה תומך במספר ערכים.

החלף: כמו שאר הפרמטרים של שיטת window.open(), זה גם פרמטר אופציונלי. זה יוצר ערך חדש או מחליף את הערך הנוכחי ברשימת ההיסטוריה. הוא תומך בשני ערכים בוליאניים; זה אומר שהוא מחזיר נכון או שקר:

החזר ערכים

זה יחזיר חלון שנפתח לאחרונה.

דוגמאות

הנה כמה דוגמאות לפונקציית window.open() לפתיחת חלון/כרטיסיית הדפדפן. כברירת מחדל, כתובת האתר שצוינה נפתחת בכרטיסייה או בחלון חדש. ראה את הדוגמאות שלהלן:

1. open() עם פרמטר כתובת 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 ייפתח בלשונית חדשה באותו חלון.

ביטוי רגרסיה ב-java

ראה את צילום המסך למטה:

2. open() ללא פרמטרים

בדוגמה זו, לא נעביר שום פרמטר לפונקציה window.open() כך שהכרטיסייה החדשה תיפתח בחלון הקודם.

העתק קוד

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

תְפוּקָה

java mvc

כאשר תפעיל את הקוד לעיל, יופיע כפתור איתו.

כאשר אתה לוחץ על זה חלון פתוח לחצן, חלון ריק ייפתח בלשונית חדשה.

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 

תְפוּקָה

הפעל את הקוד וקבל את הפלט כמפורט להלן. זה יכיל לחצן ללחוץ ולפתוח את כתובת האתר החדשה באותו חלון אב.

כאשר תלחץ על כפתור זה, 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 

תְפוּקָה

בצע את הקוד לעיל וקבל את הפלט כפי שמופיע למטה. זה יכיל לחצן ללחוץ ולפתוח את כתובת האתר החדשה באותו חלון אב.

כאשר תלחץ על כפתור זה, ייפתח חלון ריק חדש מתחת לחלון האב של הגודל.

שים לב שאתה יכול גם להעביר את כתובת האתר לשיטת 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 

תְפוּקָה

הפעל את הקוד וקבל את הפלט כמפורט להלן. הוא יכיל לחצן ללחוץ ולפתוח את כתובת האתר החדשה באותו חלון אב.

כאשר תלחץ על כפתור זה, ייפתח חלון חדש עם הודעה המוגדרת על ידי המשתמש מתחת לחלון האב בגודל 300*150.

JavaScript מציע גם את השיטה המובנית, כלומר, close() כדי לסגור את חלון הדפדפן.

סגור את החלון שנפתח על ידי window.open()

בדוגמה זו, נראה לך כיצד לסגור את החלון או הכרטיסייה שנפתחו בשיטת window.open() . ראשית, נפתח כתובת אתר בחלון חדש (הגודל מוגדר בקוד) באמצעות לחיצת כפתור ולאחר מכן נשתמש בכפתור אחר כדי לסגור את החלון שנפתח. ראה את הקוד שלהלן כיצד זה יתבצע:

העתק קוד

 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 לחצן כדי לפתוח את אתר ההדרכה של Javatpoint. ציינו את הגודל (גובה ורוחב) של החלון הקופץ החדש שייפתח.

מערך דינמי ב-java

אם תלחץ על סגור את Javatpoint כפתור, חלון שנפתח זה יצטמצם.

תמיכה בדפדפן

מספר דפדפני אינטרנט תומכים בשיטת window.open(), כגון:

• כרום
• Mozilla Firefox
• Internet Explorer (IE)
• אוֹפֵּרָה
• ספארי וכו'.

אתה יכול להשתמש ולהפעיל את שיטת window.open() בדפדפנים אלה שלמעלה.

הערה: אתה יכול להשתמש בשיטת close() של JavaScript כדי לסגור את חלון הדפדפן שנפתח או את הכרטיסייה שנפתחה על ידי window.open(). נדון בו בפרק הבא ביתר פירוט.