לפעמים, מפתחים רוצים לרענן את דף האינטרנט לעתים קרובות בזמן יצירת יישומי אינטרנט, כגון בלוגים או אתרים שבהם התוכן עשוי להשתנות בהתאם לפעולות המשתמש. כל מידע מעודכן המבוסס על אינטראקציות אלו של משתמשים יוצג כאשר הדף יתרענן או ייטען מחדש. למטרה זו, JavaScript מציע כמה שיטות מובנות מראש שיידונו להלן.
פוסט זה ימחיש את הדרכים לטעון מחדש דף באמצעות JavaScript.
כיצד לטעון מחדש דף באמצעות JavaScript?
לטעינה מחדש או לרענון של דף, השתמש בשיטות הבאות ב-JavaScript:
שיטה 1: טען מחדש דף באמצעות שיטת reload()
להשתמש ב ' location.reload() ' שיטה לטעינה מחדש של הדף. זה פועל בדיוק כמו כפתור הרענון של הדפדפן. ה ' לִטעוֹן מִחָדָשׁ() שיטת ' אחראית לטעינה מחדש של הדף, בעוד ש' מקום ” הוא ממשק המציין את המיקום האמיתי (URL) של האובייקט אליו הוא משויך. כתובת האתר של הדף לרענון נגישה על ידי ' document.location ' או ' window.location '.
תחביר
השתמש בתחביר הבא לטעינה מחדש של הדף הנוכחי באמצעות שיטת reload():
window.location.טען מחדש ( ) ;דוגמה 1: רענון בלחיצת כפתור
צור כפתור וצרף ' בלחיצה אירוע על זה שיקרא ל-JavaScript שהוגדר מראש ' לִטעוֹן מִחָדָשׁ() ' שיטה:
< לַחְצָן בלחיצה = 'window.location.reload()' > לְרַעֲנֵן / טען מחדש את הדף לַחְצָן >הפלט מציין שהדף רענן או נטען מחדש בלחיצת כפתור:
דוגמה 2: רענון אוטומטי באמצעות שיטת setTimeout() עם שיטת reload()
הגדר את הזמן לרענון אוטומטי של הדף באמצעות ' setTimeout() ' שיטה. ראשית, נגדיר שיטה ' לְרַעֲנֵן() ' שלוקח מרווח זמן כפרמטר כדי לרענן את הדף לאחר זמן זה. קרא למתודה setTimeout() ולאחר מכן קרא למתודה reload():
פוּנקצִיָה לְרַעֲנֵן ( זְמַן ) {setTimeout ( ( ) = > {
טען מחדש את document.location ( נָכוֹן ) ;
} , זְמַן ) ;
}
כאן, נגדיר את הזמן 2 שניות לרענון הדף אחרי כל שתי שניות:
window.onload = רענון ( 2000 ) ;כפי שניתן לראות שהדף מתרענן אוטומטית לאחר 2 שניות:
שיטה 2: טען מחדש דף באמצעות שיטת go()
גישה נוספת לרענון דף היא ' history.go() ' שיטה. מתן ערך חיובי או שלילי יכול לשמש כרגיל כדי לנוע אחורה או קדימה. לרענון, העבר את ' 0 'ערך ניטרלי או כלום.
תחביר
עקוב אחר התחביר הנתון לטעינה מחדש של הדף:
history.go ( )דוגמא
כאן, נקרא ל' history.go() שיטת ' באירוע הלחיצה על הכפתור:
< לַחְצָן בלחיצה = 'history.go()' > לְרַעֲנֵן / טען מחדש את הדף לַחְצָן >תְפוּקָה
זה הכל על טעינה מחדש / רענון של דפי אינטרנט באמצעות JavaScript.
סיכום
לטעינה מחדש של דף אינטרנט באמצעות JavaScript, השתמש ב-' window.location.reload() שיטת ' או ה' history.go() ' שיטה. שיטת reload() היא הגישה הנפוצה ביותר לטעינה מחדש או לרענון דפי אינטרנט. פוסט זה המחיש את הדרכים לרענן דף באמצעות JavaScript.