אובייקט History
history.length מחזיר כמה דפים יש ברשימה בגלישה הנוכחית. בגלישה חדשה הערך הוא 0, והוא גדל בכל דף שנטען.history.back() חוזר לדף הקודם, ו-history.forward() הולך לדף הבא ברשימה.history.go(n) מזיז לפי מספר הצעדים שנשלח. מספר חיובי הולך קדימה, שלילי אחורה, ו-go(-1) שקול ל-back. go(2) קופץ שני צעדים קדימה.history.go מקבל גם מחרוזת של כתובת. אם הכתובת נמצאת ברשימה, הדפדפן מנווט אליה. אם לא, הפקודה מתעלמת ולא קורה כלום.onclick, שקורא לפונקציה של history.history.length, history.back(), history.forward(), history.go(-1), history.go(2), history.go("http://...").להורדת קוד מקור של כל הדוגמאות בקורס JAVA SCRIPT למתחילים -לחץ כאן לתלמידי המכללה בלבד
להורדת קוד מקור של כל הדוגמאות בקורס JAVA SCRIPT למתקדמים- לחץ כאן לתלמידי המכללה בלבד
פרקי ההרצאה: אובייקט History
תמלול ההרצאה: אובייקט History
הטקסט המלא של הדקות הראשונות בהרצאה «אובייקט History» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.
האובייקט הבא שקשור לדפדפן נקרא היסטורי והוא מאפשר להגיע לנתונים לגבי ההיסטוריה של הגלישה הנוכחית.
דבר ראשון אנחנו הולכים לראות את הלנגס שלו. הלנגס, האורך, מראה לנו כמה אתרים גלשנו בסשן הנוכחי. בואו נציג את זה.
אני עכשיו מתחיל גלישה חדשה עם הדפדפן. בגלל שאני מתחיל גלישה חדשה עדיין לא גלשתי לשום דף, כולל לא לדף הנוכחי, ולכן אנחנו רואים שאורך ההיסטוריה הוא 0.
אם עכשיו אני אגלוש שוב פעם לדף הנוכחי, אני אקבל אחד. כלומר, הדף היחידי שגלשתי אליו זה הדף הזה, ולכן האורך הוא אחד. כל פעם שאני גולש אני מקבל אחד.
אם עכשיו אני אגש לדפדפן עצמו ואני אגלוש לדף אחר, בוא נניח ל-google.com. עכשיו אנחנו רואים שפתאום בדפדפן כאן למעלה יש בעצם את רשימת ההיסטוריה, ואנחנו רואים את ה-coren page, את הדף הנוכחי שזה גוגל, היסטורי אובייקט זה הדף שלנו שאנחנו גלשנו אליו מקודם אנחנו יכולים לראות את זה כתוב
כאן בטייטל היסטורי אובייקט מה שמציגים זה בעצם את הטייטל ולכן יש לנו כרגע שני פריטים בתוך רשימת ההיסטוריה אז אם אנחנו עכשיו חוזרים בחזרה אנחנו בעצם מקבלים שניים בואו נחזור לגוגל נגלוש עכשיו ליהוא וכעת נחזור בחזרה אחורה להיסטורי אובייקט ונראה שהרשימה היא שלוש זאת אומרת שהלנקס נתן לנו כמה דפים קיימים
ברשימת ההיסטוריה. הדבר הבא שאנחנו הולכים לראות זה איך אנחנו יכולים לחזור אחורה, Back. בשביל לחזור אחורה מה שנעשה כרגע זה נגדיר איזשהו לחצן ודרך הלחצן הזה אנחנו נחזור אחורה.
למרות שעוד לא למדנו את זה ואנחנו נלמד את זה בהמשך, איך לחצנים מסוגלים לקרוא ל-JavaScript, כעת אנחנו פשוט נראה שיש לנו פה אירוע on-click שהולך להפעיל קוד ב-JavaScript.
אז יש לנו פה לחצן שמאפשר לקרוא לפונקציה back של אובייקט ההיסטורי. בואו נעשה דבר כזה, נסגור את הדפדפן, נריץ אותו מחדש, נעתיק את טובת הדף, נסגור את הדפדפן שוב, ונפתח מופע חדש של הדפדפן, כאשר הדבר הראשון שאנחנו הולכים לעשות ולגלוש
לאתר כלשהו, לדוגמה google.com, ואז לגלוש לדף שלנו. כעת ברשימת ההיסטוריה יש לנו את גוגל ואת הדף שלנו.
אז אם כעת אני לוחץ על Back, אני כמובן חוזר אחורה לגוגל. זאת הייתה בעצם הדגמה של Back. אוקיי, בואו נחזור בחזרה ונראה את הפקודה הבאה.
הפקודה הבאה זאת Forward, פונקציה שמאפשרת ללכת קדימה. שוב פעם, ניקח פה איזשהו לחצן שמפעיל את הפונקציה Forward של האובייקט היסטורי.
בואו נשמור. נחזור לדפדפן, נגיע בהיסטוריה לדף שלנו ומכאן נגלוש לדף אחר. לדוגמה ליהוא.
עכשיו אם אני חוזר בחזרה להיסטורי אני רואה שההיסטורי נמצא בין יהוא שזה הקורן פייג' לבין גוגל. בואו ניכנס אליו, נר הפרש ונלחץ על forward.
forward הגענו ליהוא. בואו נחזור בחזרה ונלחץ על back. Back חזרנו לגוגל. Back מביא אותנו לדפים הקודמים יותר, forward מביא אותנו לדפים החדשים יותר.
הפונקציה הבאה שקיימת נקראת go. go זאת פונקציה שמאפשרת לנו להגיע לדף ספציפי ברשימת ההיסטוריה,