אין הגבלה למספר תגי ה-'script' ב-HTML. לכן, יכולים להיות תגיות 'סקריפ' מרובות במסמך HTML יחיד.
כיצד תגיות
מוֹסִיף קרע > תייגו ב-Head Element
ניתן להוסיף תגיות סקריפט עם פונקציות JavaScript באלמנט head. בואו ליישם את הרעיון הזה באופן מעשי על ידי נטילת דוגמה פשוטה של פונקציית JavaScript שנוספה באלמנט head של מסמך ה-HTML.
דוגמא
כל שעליך לעשות הוא להוסיף את רכיב הסקריפט בתוך אלמנט head או להעביר את רכיב הסקריפט במסמך HTML קיים לתג head:
< רֹאשׁ >
< תַסרִיט >
function myFunction() {
document.getElementById('demoId').innerHTML = 'אחרי!!!';
}
< / תַסרִיט >
< / רֹאשׁ >
< גוּף >
< h2 > הוספת תגיות סקריפט בראש < / h2 >
< ע תְעוּדַת זֶהוּת = 'demoId' > לפני... < / ע >
< לַחְצָן סוּג = 'לַחְצָן' בלחיצה = 'myFunction()' > שנה את זה < / לַחְצָן >
< / גוּף >
בקטע הקוד שלמעלה:
- יש ' ' כותרת בתוך ' גוּף ' אלמנט ואחרי זה, יש ' פסקה ' רכיב המכיל טקסט פשוט.
- לאחר מכן נוצר כפתור, ופונקציה ' myFunction() ' הוגדר ב' בלחיצה ' התכונה נוספה כמטפל באירועים.
- ה ' תַסרִיט רכיב ' מתווסף בתוך ' רֹאשׁ ', ובתוך זה נקראת הפונקציה, וה-' getElementById שיטת ' הוגדרה תוך התייחסות ל' demoId '.
זה יבצע את פונקציית JavaScript בצורה נכונה בפלט:
מוֹסִיף כּוּך > תייגו ב-Body Element
ניתן להוסיף תגיות סקריפט גם בתוך ' <גוף> ' אלמנט בכל מקום לפני הסוף ' גוּף ' תגיות.
דוגמא
אותן תוצאות יופקו אם ' תַסרִיט ' תגיות מתווספות ב- גוּף אֵלֵמֶנט:
< / גוּף >
< h2 >הוספת תגיות סקריפט בגוף< / h2 >
< ע תְעוּדַת זֶהוּת = 'demoId' >לפני...< / ע >
< לַחְצָן סוּג = 'לַחְצָן' בלחיצה = 'myFunction()' >שנה את זה< / לַחְצָן >
< תַסרִיט >
function myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'לאחר!!!' ;
}
< / תַסרִיט >
< / גוּף > בקטע הקוד שלמעלה:
- אותה פונקציית JavaScript באותו קוד כפי שהוסבר בסעיף הקודם של פוסט זה נוספה באלמנט body.
הוספת ה' תַסרִיט ' תגיות בתוך ' גוּף אלמנט ' גם יפיק את אותן תוצאות ויגרום לפונקציית JavaScript לפעול כהלכה:
זה מדגים היכן צריך '