יסודות Javascript

• מאי 8, 2024

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

דבר שנוטה לבלבל בין מפתחי אתרים הוא שג'אווה סקריפט וג'אווה נשמעים זה לזה הרבה. למעשה, אין להם שום דבר משותף! ג'אווה היא שפת תכנות, בעוד Javascript הוא בהחלט כלי סקריפט - זה לא ממש מורכב מספיק כדי להיחשב כשפה משלו.

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

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



לתאימות מלאה ב- HTML, עדיף להוסיף תכונה לתג הסקריפט כך שדפדפני האורח שלכם יודעים בוודאות שמדובר ב- Javascript ולא בסקריפט אחר:



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





ואם כבר מדברים על הערות, תוכלו להוסיף הערות ל- Javascript ככל שתוכלו באמצעות HTML ו- CSS. ב- Javascript, ההערות מסומנות ב- // בתחילת השורה. זו הסיבה שתכלול את שתי הקצוות לפני התגובה הסופית בדוגמה לעיל.

הוראות וידאו: מדריך java - שיעור 1 - מבוא (מאי 2024).