נגישות       נגישות
שינוי גודל טקסט:
א א א
שינוי צבעי האתר:
? מקשי קיצור:

לחיצה חוזרת ונשנית על המקש Tab תעביר אתכם בין הקישורים והאזורים השונים בעמוד.

הפעלת מקשי הקיצור תלויה בדפדפן שבו אתם משתמשים.

Internet Explorer, Chrome ובגרסאות ישנות של Firefox: לחצו על מקש Alt ועל מקש המספר או האות על-פי הרשימה. ב Firefox 3 ומעלה: לחצו על המקשים Alt + Shift + המספר או האות.

S - עבור לתוכן הדף
L - חיפוש
1- עמוד הבית
2 - פרוייקטים
3 - מדריכים
4 - אודות
5 - צרו קשר
6 - הצהרת נגישות
 

הדרך הנכונה לשילוב קוד JavaScript באתר

מחבר:
בתאריך:

קיימות 2 דרכים עיקריות להוסיף קוד JavaScript לאתר:

  1. קוד שנמצא בתוך הדף עצמו, כפי שראינו במדריכים הקודמים.
  2. לשים את הקוד בקובץ JavaScript נפרד.

במדריך זה נסביר את שתי הדרכים, ומדוע עדיף לייחד לסקריפט ה-JavaScript קובץ נפרד.

 

הוספת הקוד לכל דף בנפרד

עד עכשיו כתבנו את הסקריפטים שלנו ישירות בדף ההטמ"ל, בין התגיות script. לדוגמה:

<html>
<head>
  <meta charset="utf-8">
</head>
<body>

<!-- JavaScript-תוכן הדף לפני קוד ה -->
 
<script>
    alert("שלום עולם");
</script>
</body>
</html>

צריך לשים לב שאת הסקריפטים של JavaScript מעדיפים לשים בתחתית ה-body, מתחת לכל ההטמ"ל, וקצת מעל לתגית ה-body הסוגרת. הסיבה לכך, היא שהטעינה של קוד JavaScript מאטה את הדף, ולכן נעדיף לטעון את ה-JavaScript אחרון, כדי שלא יפריע ליתר הדף להטען.

השיטה של הוספת קוד ה-JavaScript לכל דף בנפרד אינה מומלצת משתי סיבות:

  • לא ניתן לשמור בקאש של הדפדפן דבר שמאט את טעינת הדף בביקורים חוזרים.
  • צריך לכתוב את אותו קוד בדפים שונים, שזה סתם לא חכם.

לכן, עדיף לטעון את ה-JavaScript מקובץ js חיצוני.

 

טעינה של קובץ JavaScript חיצוני

כדי לטעון את קובץ ה-JavaScript החיצוני אנחנו צריכים שיהיו לנו שני קבצים:

  • קובץ הטמ"ל עם סיומת html או קובץ PHP שמייצר קובץ תבנית. לדוגמה, index.html
  • קובץ JavaScript עם סיומת js. לדוגמה, script.js

כדי להשתמש בקובץ ה-JavaScript החיצוני, בקובץ ההטמ"ל, נוסיף לתגית ה-script את השדה src הכולל את מקום הקובץ. כך נראית תגית ה-script, אם אנחנו רוצים לטעון את הקובץ script.js, מתוך התיקייה scripts:

<html>
<head>
  <meta charset="utf-8">
</head>
<body>

<!-- JavaScript-תוכן הדף לפני קוד ה -->
 
<script src="scripts/script.js"></script>
</body>
</html>

בתוך הקובץ script.js נכתוב את קוד ה-JavaScript שלנו.

שימוש בקובץ JavaScript חיצוני היא הדרך המומלצת להשתמש ב-JavaScript בגלל שכל הדפים באתר יכולים לקבל את הקוד מאותו קובץ. כתוצאה מכך, קל יותר לשמור על אחידות, ובכל פעם שרוצים לשנות את הסקריפט אפשר לשנות אותו במקום אחד בלבד, במקום במספר דפים. בנוסף, הדפדפן שומר את קבצי ה-JavaScript בקאש, וזה גורם להאצת מהירות הגלישה כשהמשתמשים חוזרים לבקר באתר.

במדריכים הבאים בסדרה נלמד להשתמש בלולאות בקוד ה-JavaScript שלנו.

 

לכל מדריכי ה-javascript

הוסף תגובה חדשה

 

= 6 + 2