‫‪-JAVASCRIPT‬‬

‫‪.1‬הכרזת תגים של השפה <>‪<script‬‬

‫>‪<”script type=”text/jabascript‬‬
‫‪ docoument.write(“Cdvvfv”).2‬פונקציה ראשית לכתיבה‬
‫‪ DOCUMENT‬הוא האובייקט הראשי‬
‫‪ WRITE‬היא הפונקציה‬
‫‪.3‬ג’אווה סקריפט הופכת את האתר לדינאמי‬
‫‪ ALERT.4‬התראה‬
‫)”‪alert(“ccfc‬‬
‫‪.5‬משתנים‪-‬‬
‫הכרזת משתנה ‪VAR‬‬
‫‪var name=”amitay‬‬
‫‪var num=1‬‬
‫*סיום כל הכרזה ושורה עם ;‬
‫‪.6‬הגדרת פונקציה‬
‫‪()FUNCTION NAME‬‬
‫{‬ ‫}‬
‫לאחר מכן קריאה לפונקציה‬
‫*ניתן לשתמש שני פונקציות תעם אותו שם ולקרוא להם‬
‫‪ -RETURN‬תחזיר לנו מהפונקציה ערך מסוים לתוכנית‪,‬במידה ונצטרך להשתמש בחישובי‬
‫למטרה אחרת‪.‬ותחזיר לי לאיפה שקראתי לך)ניתן להחזיר משתנה אחר(‬
‫‪.7‬משתנה גלובלי ומשתנה מקומי לוקאלי‬
‫משתנה לוקלאי‪-‬משתנה שנשאר בפוקנציה‪,‬רק שם הוא מוכר‪.‬‬
‫ברגע שנגדיר בראש העמוד‪ -‬הוא יהוך גלובאלי ויהפוך זמין לכל הדף\‬
‫‪ IF ELSE-‬רגיל‬
‫‪ ELSE-IF‬אם יש עוד תנאי‬
‫‪-‬כאשר נטען דף הדפדפן יותר ‪ DOM‬שזה ‪DPCUMENT OBJECT MODEL‬‬
‫יש סדר היררכי של ‪DOCUMENT.1‬‬
‫‪ROOT ELEMENT.2‬‬
‫‪html‬‬
‫‪body /head.3‬‬
‫‪-‬ג’אווה סקריפט יכול לשנות כל אלמנט בעמוד‪,‬כל תכונה‪,‬עיצוב ‪,CSS‬להוסיף אלמנט‬
‫‪ HTML DOM‬מודל של אובייקט לתכנות דרך הממשק החיצנוי את דף ה ‪HTML‬‬
‫‪ -DOM METHOD‬אלו פעולות שמבצעים על העמוד ‪HTML‬‬
 ‫‪ DOM PROPERTIED‬הם הערכים שניתן להגדיר או לשנות‬
‫מציאת אלמנטים של ‪HTML‬‬
‫‪GETELEMNTBYTAGNAME‬‬
‫‪-GETELEMENTBYCLASSNAME‬‬
‫‪-GETELEMTNBYID‬גישה לאלמנט על ידי ה ‪ ID‬שלו‬
‫שינוי אלמנטים של ‪HTML‬‬
‫‪ ELEMENYT.INNERHTML= NET HTML CONTENT‬משנה תוכן פנימי של אלמנט‬
‫‪ ELEMNT.ATTRIBUTE=NET VALUE‬משנה את ערך הץכונונת של אלמנט‬
‫מחיקה או הוספה של אלמנטים‬
‫‪)DOCUMENT.CREATELEMENT‬ג ‪(DDD‬‬
‫)‪DOCUMENT.REPLACECHILD(NEW,OLD‬‬
‫‪ )DOCUMENT.WRITE)TEXT‬כותב לפלט של האלמנט‬
‫מציאת אובייקטים ב ‪HTML‬‬
‫‪DOCUMENT.BODY‬‬
‫\‪DOCUMENT,COOKIE‬‬
‫‪DOCUMENT.IMAGES‬‬
‫‪DOCUMENT.SCRIPTS‬‬
‫‪DOCUMENT.URL‬‬

‫‪ -INNETHTML‬הדרך הכי קלה הלשיג תוכן שלאלמנט‬

‫‪-EVENT‬כאשר עמוד נטען‪,‬נלחץ בכבר‪,‬תמונה טעננת‪,‬מוזן טקסט‪,‬טופס נשלח‬

‫‪ONCLICK‬‬
‫‪ONLOAD‬‬
‫‪ ONUNLOAD‬כאשר משתמש נכנס או יוצא מהאתר‬
‫‪-ONCHANGE‬כאשר יש אימות של קלט מהמשתמש אז עוברים על הקלט ובהתאם לפונקציה‬
‫היא תשתנה‬
‫‪-ONMOUSEOVER‬‬
‫‪-ONMOUSEDOEN ONMOUSEUP ONCLICK‬‬
‫*כאשר נרצה ליצור אלמנט חדש נצטרך ליצור אותו תחילה ואז לקשר אותו לאלמנט קיים‬

‫‪BOM-BROWSER OBJECT MODEL‬‬

‫לאפשר לג’’אוה סריםפט להתקשר עם הדפדפדן‬
‫‪-WINDOW OBJECT‬מייצג את חלון הדפדפן‪,‬‬
‫)‪WINDOW.GETELEMNTBYID(HEADER‬‬
‫‪ ()WINDOW,OPEN‬פתיחת חלון חדש‬
‫‪WINDOW.CLOSE‬‬
 ‫‪ ()WINDOW.MOVETO‬להעביר את החלון הנוכחי‬

‫‪ WINDOW.SCREEN‬מידע על מסך המשתמש‬

‫‪ windoW.location‬השפעה על המיקון של העמוד ‪ URL‬והמרה למקום אחר‬
‫‪ WINDOW.LOCATION.HREF‬מחזיר את הכתובת של העמוד‬
‫‪ WINDOW.LOCATION.HOSTNAME‬שם הדומיין‬
‫‪ \WINDOW.LOCAITON.PATHNAME‬הנתיב המלא של העמוד הנוכחי‬
‫‪ WINDOW.LCOATIN.ASSIGN‬טוען ‪ DOCUMENT‬חדש‬

‫‪ WINDOW.HISTORY‬מכיל היסטוריה של הדפדפן‬

‫מחזיר א תהעמוד הקודם בהיסטוריה‬ ‫‪()HISTORY.BACK‬‬

‫‪ -WINDOW.NAVIGATOR‬מידע על הדפדפן‬
‫‪NAVIGATOR.APPNAME‬‬
‫‪NAVIGATOR.PLATFORM‬‬
‫‪NAVIGATOR.COOKIE‬‬

‫פופ אפ‬
‫)‪ WINDOW.ALERT(CCCC‬הודעות קופצות‬
‫*ניתן לכתוב ללא קידומת ‪WINDOW‬‬
‫)‪ WINDOW.CONFIRM(DF‬מתריע הודעות כן או לא‬

‫‪AJAX. JASON.QUEWY‬‬

‫סיכום ‪JAVASCRIPT ESSENTIAL‬‬

‫‪-‬משתנים מוכרזים עם ‪VARIABLE‬‬
‫ישנם המון פונקציות לשפיע על מחרוזות‬
‫‪STR.LENGTH‬‬
‫‪STR.INDEX‬‬
‫‪STR.TOLOWERCASE‬‬

‫‪-QUERY SELCETOR‬קבלת מידע והוספת מידע מהעמוד ולעמוד‬

‫על פי ‪CLASS ID AND ELEMNT‬‬
‫נרצה להשוות את ה ‪ QUERY‬למשתנה‬

‫כשנרצה להוסיף שם נתונים לתוך ה ‪ID‬‬

‫ונשווה למה שנרצה‬ ‫נשתמש ב ‪INNETHTML‬‬
‫לעשות‬
‫לא נוכל לשנות זאת מבלי להשוות זאת‬

‫ניתן לשנות ערך של מאפיין‪-‬‬

‫כאשר יש לנו ‪ INPUT‬הוא מופיע עם‬
‫מאפייניםףקריאה למשתנה ולתכונה‬
‫שנרצה לשנות‪:‬‬

‫‪ .1‬קריאה ל ‪QUEREY‬‬
‫‪.2‬קיראה לאלמנט ושמירה במשתנה‬
‫‪.3‬לשנות את העמוד‬

‫‪-ML EVENT‬מתחיל ב ‪ON‬‬ ‫‪HT‬‬

‫‪ONCLICK‬‬