מדריך זה ימחיש את הגישות להצבת JavaScript בקובץ HTML.
היכן למקם JavaScript בקובץ HTML?
המיקום של JavaScript בקובץ HTML יכול להיות ב:
גישה 1: מיקום JavaScript בתוך תג בקובץ HTML
בגישה זו, המיקום של חלק ה-JavaScript של הקוד בתוך ' תג יוצג.
דוגמא
בואו לקבל סקירה כללית של ההדגמה הנתונה להלן:
< רֹאשׁ >
< סוג סקריפט = 'טקסט/Javascript' >
מיקום פונקציהJs ( ) {
עֵרָנִי ( 'המיקום של JavaScript נמצא בתוך תג ' )
}
תַסרִיט >
רֹאשׁ >
< גוּף >
< מֶרְכָּז >< כפתור בלחיצה = 'placementJs()' > לחץ עלי לַחְצָן > מֶרְכָּז >
גוּף >
בקטע הקוד שלמעלה:
- כלול את חלק ה-JavaScript של הקוד בתוך ' ' תג בעזרת ' 'תג.
- בקוד JS, הגדר פונקציה בשם ' placementJs() '. בהגדרתו, הצג את ההודעה האמורה דרך תיבת הדו-שיח של ההתראה.
- לבסוף, בקוד HTML, צור כפתור עם ' בלחיצה אירוע שיפנה לפונקציה שהוגדרה בשלב הקודם בלחיצת הכפתור.
תְפוּקָה
בפלט לעיל, ניתן לראות שקוד JS פועל כהלכה על ידי הצבתו בתוך ' 'תג.
גישה 2: מיקום JavaScript בתוך תג בקובץ HTML
בגישה זו, המיקום של קוד JavaScript בתוך ' <גוף> תג ' בקובץ HTML יידון.
דוגמא
הדוגמה להלן ממחישה את הרעיון המוצהר:
< גוּף >< מֶרְכָּז >< כפתור בלחיצה = 'placementJs()' > לחץ עלי לַחְצָן > מֶרְכָּז >
< סוג סקריפט = 'טקסט/Javascript' >
מיקום פונקציהJs ( ) {
עֵרָנִי ( 'המיקום של JavaScript הוא בתוך תג ' )
}
תַסרִיט >
גוּף >
בשורות הקוד לעיל:
- בתוך ה ' <גוף> תג ', כמו כן, צור כפתור המפעיל את הפונקציה placementJs() בעזרת ה-' בלחיצה 'אירוע.
- בגוש קוד JavaScript, הכריז על פונקציה בשם ' placementJs() '.
- פונקציה זו תופעל עם לחיצה על הכפתור ותציג את ההודעה האמורה באמצעות התראה.
תְפוּקָה
גישה 3: מיקום JavaScript כקובץ חיצוני
גישה מסוימת זו כוללת מיקום של בלוק קוד JavaScript כקובץ JS חיצוני בעל שם הקובץ המסוים עם סיומת ' .js ' בתוך ה ' src ' תכונה.
דוגמא
בוא נעבור על הדוגמה הבאה:
< גוּף >< מֶרְכָּז >< כפתור בלחיצה = 'placementJs()' > לחץ עלי לַחְצָן > מֶרְכָּז >
גוּף >
< סוג סקריפט = 'טקסט/Javascript' src = קובץ חיצוני. js > תַסרִיט >
בקוד HTML לעיל:
- זכור את הגישה הנדונה ליצירת כפתור המפנה מחדש לפונקציית JavaScript ' placementJs() '.
- לאחר מכן, שלב את פונקציונליות ה-JavaScript בעזרת קובץ JS חיצוני המקושר עם שם הקובץ הנקוב ב-' src ' תכונה.
בואו נעבור לקוד JS הנתון להלן:
מיקום פונקציהJs ( ) {עֵרָנִי ( 'זהו קובץ JavaScript חיצוני' )
}
בגוש הקוד שלמעלה:
- הגדר פונקציה בשם ' מיקום JS() '.
- בהגדרתו, הצג את ההודעה האמורה באמצעות התראה בלחיצת הכפתור.
- גישה זו תחזיר את אותה תוצאה על ידי הטמעת קובצי HTML ו-JavaScript.
תְפוּקָה
הצענו מידע אותנטי הקשור להצבת JavaScript בקובץ HTML.
סיכום
המיקום של JavaScript בקובץ HTML יכול להיות ב' 'תג, ה' <גוף> ' תג, או כתג חיצוני ' קובץ js ' על ידי ציון ' src '. קוד ה-JavaScript פועל אותו הדבר כאשר הוא ממוקם באחד מהתגים המצוינים. עם זאת, הצבת JavaScript כקובץ js חיצוני מסייעת בשימוש חוזר בקוד. בלוג זה מודרך הקשור למיקום JavaScript בקובץ HTML.