שיעור 3
דף 6: מודל אובייקט המסמך ב- JavaScript.
מעתה, בכל מקום בו נרשום DOM נתכוון ל- Document Object Model של JavaScript.
עכשיו, משלמדת כיצד לפתוח חלונות לפי רצונך, הגיע העת ללמוד כיצד לשלוט בתוכנם של אותם החלונות שזה עתה פתחת. על מנת שתוכל ממש לשלוט בתוכן החלונות, עליך ללמוד ולהכיר את DOM. אבל לפני שתלמד אודות DOM, עוזר להכיר גם תכנות מונחה עצמים.
סריקה קצרה אודות תכנות מונחה עצמים
תכנות נומחה עצמים, ובמיוחד בגירסת ה- JavaScript שלו, אינו קשה להבנה. הרעיון המרכזי הוא שהמידע מאורגן במונחים של אובייקטים. JavaScript הוא כל כך נפלא, מכיוון שהוא מגיע עם ספרייה מובנית של אובייקטים. לדוגמא, חלון (window) הוא אובייקט. בכל פעם שאני מתייחס לאחד משמות האובייקטים של ספריית JavaScript, אני אדאג להגדיל את האות הראשונה של האובייקט (Window). מופע ספציפי של אובייקט (חלון ספציפי) יופיע באותיות קטנות (window).
לאובייקטים יש מאפיינים שמתארים אותם. חלק מהמפאיינים של החלון הם שמו, המילים שבשורת הסטטוס שלו, ה- URL של המסמך שמופיע בו, ותוכן המסמך עצמו, שעשוי להכיל מילים, תמונות קישורים וכדומה.
ב- JavaScript, מקבלים חלון ברירת מחדל כאובייקט Window, שמכל השמות בעולם, קראו לו window. הנה הדרך לגשת אל מאפייני חלון ברירת המחדל (Window):
כלומר, "מצא את מאפיין הסטטוס של האובייקט מסוג Window הקרוי window, וטען אותו לתוך המשתנה שנקרא the_status". מאפיין ה- status של אובייקט Window, מכיל את המילים המופיעות בתיבת הסטטוס. בנוסף לקריאת המילים עצמן, אתה יכול לקבוע את ערכן של מילים אלו. הדרך לקבוע את ערכו של מאפיין של אובייקט היא ע"י: