שיעור 3

דף 1: מודל אובייקט המסמך, חלונות ומסגרות ב- JavaScript.

בשיעורים קודמים למדת:

• כיצד להוסיף קוד JavaScript לעמודי ה- HTML שלך.
• כיצד להשתמש בתיבות דיאלוג ומשתנים על מנת לתעל את קלט המשתמש.
• כיצד לרשום דף HTML לאינטרנט באמצעות קוד JavaScript.
• כיצד לאפשר ל- JavaScript לקבל החלטות באמצעות הצהרות if-then.
• כיצד לגרום לגרום לדף שלך להגיב לפעולות המשתמש באמצעות קישור ארועים.
• כיצד לבצע החלפת תמונות בסיסית.

עד כה תארתי כיצד דברים רבים מתבצעים, אבל לא הסברתי מדוע הם מתבצעים כך. בשיעור האחרון, למשל, הראתי לך שהפקודה "window.document.monkey_image.src = "happy_monkey.gif תגרום להחלפת התמונה happy_monkey.gif בתמונה monkey_image.git. אבל מה עם שאר הפקודה: window.document? ומאיפה צץ ה- "src."? באופן דומה, ראית את ("document.writeline ("monkey. אבל מדוע כותבים document.writeline ולא סתם writeline?

התשובה לכל שאלות אלו מצויה במודל אובייקט המסמך (Document Object Model = DOM) של JavaScript. זוהי (ה- DOM) דרכה שלך JavaScript לתאר דף רשת (web page), והיא שוכנת בקירבה של כל תוכנית JavaScript. בשיעור זה נלמד אודות ה- DOM, ובשיעור הבא נשלים את כל הנדרש על מנת להכיר תכנות JavaScript בסיסי. עם תום שני השניעורים הקרובים, תכיר את מירב הרעיונות והתחבירים הבולטים ב- JavaScript. כל שיוותר לך ללמוד הוא פרטים קטנים נוספים, טריקים ודרכים להימנע מבלגן.

על מנת להתחיל לצעוד בדרך אל לימוד ה- DOM, הבא נלמד כיצד אפשר באמצעות JavaScript לפתוח ולשלוט בחלונות דפדפן חדשים.

חזור לתחילת הדף

לדף הבא «--