ישנן דרכים רבות לקרוא לפונקציית JavaScript במסמך HTML, וזו גם משימה לא קשה. ראשית, השתמשנו באחת הדרכים הקלות ביותר להתקשר ל-a JavaScript פונקציה במסמך HTML:
בשיטה זו, ניצור ונגדיר פונקציה בחלק הראש של מסמך ה-HTML. כדי להפעיל פונקציה זו במסמך ה-html, עלינו ליצור כפתור פשוט ולהשתמש ב- בלחיצה תכונת event (שהיא מטפל באירועים) יחד איתה, נוכל לקרוא לפונקציה על ידי לחיצה על הכפתור.
כדי להבין זאת בצורה ברורה יותר, בואו נראה את התוכנית הנתונה:
תכנית
מסגרת tkinter
functionmyfunction() { alert('how are you'); } <p>Click the following button to see the function in action</p>
הסבר על התוכנית
בתוכנית הנתונה לעיל, יצרנו מסמך HTML פשוט. בתוך החלק הראשי של מסמך ה-HTML, הגדרנו פונקציה ( למשל myfunction();) בתוך תגי הסקריפט ... .
function myfunction() { alert('how are you'); }
מצד שני, בתוך קטע הגוף, הצגנו קצת טקסט ויצרנו כפתור. כדי לקרוא לפונקציה שלנו, השתמשנו ב- בלחיצה תכונה יחד עם הכפתור וכאשר המשתמש לוחץ על הכפתור הזה הפונקציה שלנו מבוצעת ומציגה הודעת התראה, כפי שניתן לראות בפלט.
לחץ על הלחצן הבא כדי לראות את הפונקציה בפעולה
תְפוּקָה
קריאה לפונקציה באמצעות קובץ JavaScript חיצוני
אנו יכולים גם לקרוא לפונקציות JavaScript באמצעות קובץ JavaScript חיצוני המצורף למסמך ה-HTML שלנו. לשם כך, ראשית עלינו ליצור קובץ JavaScript ולהגדיר בו את הפונקציה שלנו ולשמור אותה בסיומת (.Js).
לאחר יצירת קובץ ה-JavaScript, עלינו ליצור מסמך HTML פשוט. כדי לכלול את קובץ ה-JavaScript שלנו במסמך ה-HTML, עלינו להשתמש בתג הסקריפט ובתכונה 'src' עלינו לספק את הנתיב לקובץ ה-JavaScript שלנו שבו הוא מאוחסן. לאחר קישור קובץ ה-JavaScript החיצוני למסמך ה-HTML, נוכל ליצור כפתור ולקרוא ל- פוּנקצִיָה משתמש ב 'בלחיצה' תכונה עם זה.
בואו נבין את זה בעזרת תוכנית:
תכנית
לחץ על הלחצן הבא כדי לראות את הפונקציה בפעולה
הסבר על התוכנית
בתוכנית שלמעלה תחילה, יצרנו קובץ JavaScript והגדרנו בו את הפונקציה שלנו ושמרנו אותו עם ה-. js סיומת.
Function.js
functionmyfunction() { document.write('welcome to Javatpoint'); }
לאחר יצירת קובץ ה-JavaScript, יצרנו מסמך HTML וקישרנו את קובץ ה-JavaScript שלנו באמצעות . מכיוון שאחסנו את מסמך ה-HTML וקובץ ה-JavaScript שלנו באותה תיקיה, פשוט קראנו לקובץ ה-JavaScript שלנו בתכונה 'scr' במקום לספק את הנתיב המלא בקטע head.
בתוך חלק הגוף, הצגנו קצת טקסט ויצרנו כפתור. כדי לקרוא לפונקציה שלנו, השתמשנו ב- בלחיצה תכונה יחד עם הכפתור וכאשר המשתמש לוחץ על הכפתור הזה הפונקציה שלנו מבוצעת ומציגה הודעת התראה, כפי שניתן לראות בפלט.
לחץ על הלחצן הבא כדי לראות את הפונקציה בפעולה
תְפוּקָה
כעת לחץ על הכפתור הנתון: