בתכנות באינטרנט יש צורך כל הזמן למשוך מבצע וירטואלי מסוים לבצע את הפעולות הדרושות למתכנת בדפדפן או בשרת. פעולות יכולות להיות, למשל, אפקטים חזותיים או עיבוד נתונים שהמבקר הזין בדפדפן. או להרכיב את העמוד המבוקש מגושים נפרדים בשרת. המבצע הווירטואלי של הפעולות הללו יהיה תוכנת השרת או הדפדפן, ואת הסקריפט של המבצע יהיה צריך לכתוב באחת משפות תכנות התסריט. כדי לקבל מושג כללי על אופן יצירת הסקריפטים, בואו נכתוב סקריפט פשוט ב- JavaScript.
הוראות
שלב 1
JavaScript מבוצע ישירות בדפדפן, כך שכל מה שאתה צריך לכתוב ולבצע כבר נמצא במחשב שלך. ככלי עבודה עבור המתכנת נשתמש בעורך טקסט רגיל - פנקס רשימות רגיל. זה די מספיק ליצירת סקריפט פשוט, אך כמובן שכדי לתכנות מתמיד עדיף להשתמש בעורך מיוחד. שלב ראשון: צור מסמך חדש בפנקס רשימות כדי לכתוב הוראות לדפדפן.
שלב 2
כעת תוכלו להתחיל לכתוב את קוד ההוראות. הדפדפן מבין יותר משפה אחת - לדוגמה, HTML (שפת הסימון HyperText) משמש לסימון דף, ו- Csading Style Sheets (CSS) משמש לתיאור הופעתם של רכיבי עמוד באופן מורחב. כדי ליידע את כותב התסריטים שחלק זה בקוד המקור של הדף כתוב ב- JavaScript, יש למקם את כל ההוראות בתוך תגיות הפתיחה והסגירה:
ההוראות לדפדפן נקראות מפעילי שפה. לדוגמא, ההוראה לקרוא ולזכור את התאריך והשעה הנוכחיים של המחשב לשימוש מאוחר יותר בסקריפט נראית כך: var aTime = תאריך חדש (); כעת אובייקט aTime מכיל נתוני תאריך ושעה וניתן לאחזר ולעבד אותו אם נחוץ. הוראה נוספת - להדפיס הודעה כלשהי בגוף העמוד - נראית כך: document.write ("איזו הודעה"); שימו לב - כאן מצוין אובייקט בשם "מסמך", אין צורך ליצור אותו, זה קורה באופן אוטומטי. זוהי תמונה וירטואלית של הדף הנוכחי. מאובייקט זה תוכלו לחלץ מידע אודות העמוד ותוכלו לבצע בו טרנספורמציות שונות - למשל, בשורת קוד זו, כתבתם לטקסט "כל הודעה" למסמך באמצעות הצהרת הכתיבה. כעת השתמשו בשני אלה שורות בתסריט - כתוב את השעה הנוכחית בדף: document.write ("זמן נוכחי" + aTime.getHours () + ":" + aTime.getMinutes ()); כאן, עם תוספת פשוטה (+), אתה לשרשר את ארבעת החלקים של המחרוזת להדפסה. בסיום, התסריט הפשוט שלך ייראה כך:
var aTime = תאריך חדש ();
document.write ("זמן נוכחי" + aTime.getHours () + ":" + aTime.getMinutes ());
שלב 3
שלב אחרון: שמור את הסקריפט באמצעות סיומת html או htm (למשל, timeJS.html). כדי לראות מה אתה מקבל, פתח את הקובץ בדפדפן שלך - פשוט לחץ עליו פעמיים.