באמצע שנות ה-90, מפתחים בנטסקייפ יצרו שפת סקריפטים פשוטה לשימוש ככלי להפיכת אתרים לאינטראקטיביים ומושכים יותר. שפה זו תיקרא בסופו של דבר בשם Javascript. משתמשים רבים כיום אינם מודעים לכך שהתכונות של לקוח הדוא"ל או אתר הרשתות החברתיות שהם תלויים בו הן תוצאה של אלפי שורות של תכנות Javascript חכם ומורכב.
Javascript פנימי
כדי שקוד Javascript יעשה את הקסם שלו, הוא חייב להיות משולב איכשהו במיקום הנכון בדף אינטרנט מסוים בזמן שהדף נטען. קוד Javascript פנימי הוא קוד שממוקם בכל מקום בדף האינטרנט בין תגי ה-HTML. מפתחי אינטרנט רבים בוחרים למקם את קוד ה-Javascript שלהם לפני התג.
סרטון היום
Javascript חיצוני
קוד Javascript הממוקם בקובץ נפרד מקוד ה-HTML נקרא Javascript חיצוני. קוד Javascript חיצוני נכתב ונעשה בו שימוש באותו אופן כמו Javascript פנימי. לקובץ צריך להיות סיומת ".js", אם כי למעשה כל סיומת אחרת עובדת עם דפדפנים מודרניים. הבדל אחד חשוב: אסור למקם את הקוד החיצוני בין התגים, אחרת הקוד לא יעבוד.
דפדפן האינטרנט חייב לדעת שהוא צריך לטעון קוד חיצוני. דף האינטרנט חייב לכלול את תגי ה-HTML הבאים המתייחסים לסקריפט:
כתובת האתר אומרת לשרת האינטרנט היכן לאתר ולטעון את קוד ה-Javascript.
יתרונות ל-Javascript פנימי
אם מספר השורות של Javascript קטן יחסית, דף אינטרנט עם Javascript פנימי נטען מהר יותר מדפים שחייבים להתייחס לקוד חיצוני. הסיבה לכך היא שכאשר דפדפן האינטרנט טוען את הדף ונתקל בהפניה לקוד החיצוני, עליו להגיש בקשה נפרדת לשרת האינטרנט כדי להביא את הקוד.
היתרונות של Javascript חיצוני
אם נעשה שימוש בקוד זהה במספר דפים של אתר אינטרנט, קבצי Javascript חיצוניים מועילים. אתה רק צריך לכלול הפניה לקוד החיצוני באותם דפים שדורשים בפועל את הקוד הזה. אם קוד ה-Javascript משתנה, יש לערוך רק קובץ אחד; השינויים זמינים באופן מיידי לכל הדפים הזקוקים לקוד. אחסון Javascript בקבצים חיצוניים גם מקל על תחזוקת אתרים: הדפים פחות עמוסים, ולמפתח האינטרנט יש פחות שורות קוד לדפדף בהן כדי לבצע עריכות נדרשות. פחות שורות של קוד HTML עשויות גם לעזור לעכבישים של מנועי החיפוש לאינדקס בצורה יסודית יותר את האתר שלך ולמצוא מילות מפתח חשובות.
לבסוף, אם מבקר עובר לדף אחר המכיל את אותם הפניות חיצוניות ל-Javascript, ה- הדף השני ייטען מהר יותר, מכיוון שהדפדפן של המשתמש יאחסן או יאחסן את קובץ ה-Javascript באופן מקומי.
