תגית
<script> משמשת להוסיף קוד JavaScript למסמך HTML או לקשר לקובץ JavaScript חיצוני. בעזרת תגית זו ניתן להוסיף פונקציות דינמיות ואינטראקטיביות לדף, כמו הודעות קופצות, תגובות על פעולות משתמש, ומניפולציות על התוכן והעיצוב של הדף.
התגית
<script> יכולה לשמש לשני סוגים של אינטגרציה עם JavaScript:
-
קוד JavaScript פנימי: ניתן לכתוב קוד JavaScript ישירות בתוך תגית
<script>. הקוד יבוצע כאשר הדף נטען. דוגמה לכך היא:
<script>
alert('שלום עולם!');
</script>
בדוגמה זו, הקוד JavaScript מציג הודעה קופצת (alert) עם הטקסט 'שלום עולם!' כאשר הדף נטען.
-
קישור לקובץ JavaScript חיצוני: ניתן לקשר לקובץ JavaScript חיצוני באמצעות מאפיין "src" בתגית
<script>. זה שימושי כשיש קוד JavaScript גדול או שנרצה לשתף אותו בין דפים שונים. דוגמה:
<script src="script.js"></script>
במקרה זה, התגית
<script> טוענת את הקובץ script.js ומביאה את הקוד שלו לדף הנוכחי.
מיקום תגית
<script> בדף HTML חשוב, כי הוא משפיע על ביצוע הקוד:
-
בתוך תגית <head>: הקוד JavaScript יטען לפני תוכן הדף, דבר שעשוי לגרום לעיכוב בטעינת הדף. לכן, יש להניח את תגיות
<script> בסוף תגית
<body> כדי להבטיח שהדף ייטען קודם כל ולאחר מכן יבוצע הקוד.
-
בסוף תגית <body>: זהו המיקום המומלץ להניח את תגית
<script>, כי הוא מבטיח שהקוד JavaScript יבוצע רק לאחר שכל תוכן הדף נטען, מה שמפחית בעיות של טעינת תוכן מוקדם מדי.
הקפדה על המיקום הנכון של תגית
<script> עוזרת לשפר את ביצועי הדף ולהימנע מבעיות בעת טעינת התוכן.
