כיצד ליצור פסי גלילה אנכיים עם 'window.open()' ב-JavaScript?

Kyzd Lyzwr Psy Glylh Nkyym M Window Open B Javascript



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

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







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



כיצד ליצור פסי גלילה אנכיים עם 'window.open()' ב-JavaScript?

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



תחביר





התחביר עבור ה 'window.open()' השיטה מצוינת להלן:

חַלוֹן. לִפְתוֹחַ ( נָתִיב , יַעַד , winFeat )

כאן, 'נָתִיב' הוא הנתיב של דף האינטרנט שעומד להיפתח בחלון חדש. ה 'יַעַד' הוא המיקום של החלון החדש שיופיע, ניתן להגדיר אותו ל 'רֵיק' , 'הוֹרֶה' , 'עצמי' אוֹ 'חלק עליון'. הפרמטר השלישי הוא 'winFeat' או תכונות החלון, הוא מציע ערכים שונים שניתן להגדיר בהתאם לצורך בהתאמה אישית של החלון.



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

דוגמה: שימוש בתכונת חלון 'סרגלי גלילה' עם שיטת 'window.open()'.

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

< רֹאשׁ >
< סוג סקריפט = 'טקסט/Javascript' >
פוּנקצִיָה setScroll ( ) {
היה newWin = חַלוֹן. לִפְתוֹחַ ( 'https://linuxhint.com' , 'חלק עליון' , 'width=500,height=500,scrollbars=yes' ) ;
}
תַסרִיט >
רֹאשׁ >
< גוּף >
< ע > לחץ על הלחצן למטה כדי לפתוח את הבלוג של Linuxhint ב-in - חלון מסך. ע > לחץ עלי לַחְצָן >
גוּף >

הסבר על הקוד לעיל:

  • קודם ה 'setScroll()' הפונקציה מוגדרת בתוך '

    <גוף>

    לחץ על הלחצן למטה כדי לפתוח את הבלוג של Linuxhint בחלון שבמסך.

    לחץ עליי

    תיאור הקוד לעיל:

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

    כעת, פתח את קובץ ה-CSS של דף האינטרנט שהקישור שלו מסופק כפרמטר הראשון ל- 'window.open()' שיטה. במקרה שלנו, שם דף האינטרנט הוא 'לינוקסינט' אז פתח את קובץ ה-CSS שלו והכנס בו את הקוד הבא:

    < סִגְנוֹן >
    html {
    הצפה - איקס : מוּסתָר ;
    הצפה - ו : אוטומטי ;
    }
    סִגְנוֹן >

    מאפייני ה-CSS לעיל של 'overflow-x' ו 'על גדותיו' הסתר את פס הגלילה האופקי והגדר את פס הגלילה האנכי לכל דף ה-HTML בהתאם לאורך החלון.

    לאחר הכנסה והידור של קטעי הקוד שלעיל בשני הקבצים, הפלט נראה כך:

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

    סיכום

    כדי ליצור פסי גלילה אנכיים עם 'window.open()' שיטה, ה 'פסי גלילה' ניתן להגדיר את התכונה המסופקת על ידי החלון 'כן' אוֹ '1' . דרך נוספת היא לפתוח את קובץ ה-CSS או ה-HTML עבור דף האינטרנט שהקישור שלו מועבר כפרמטר ראשון בשיטת 'window.open()' ושם להשתמש ב-CSS 'overflow-x' ו 'על גדותיו' נכסים. בלוג זה הסביר את הדרכים להוסיף פס גלילה אנכי עם שיטת window.open() ב-JavaScript.