هناك طرق عديدة لاستدعاء وظيفة JavaScript في مستند HTML، كما أنها ليست مهمة صعبة. أولاً، استخدمنا إحدى أسهل الطرق للاتصال بـ جافا سكريبت الوظيفة في مستند HTML:
في هذه الطريقة، سنقوم بإنشاء وتحديد وظيفة في القسم الرئيسي لمستند HTML. لاستدعاء هذه الوظيفة في مستند HTML، علينا إنشاء زر بسيط واستخدام ملف عند النقر سمة الحدث (وهو معالج الحدث) معها، يمكننا استدعاء الوظيفة من خلال النقر على الزر.
لفهم ذلك بشكل أكثر وضوحا دعونا نرى البرنامج المحدد:
برنامج
الهاشتابل مقابل الهاشماب
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 امتداد.
وظيفة.js
functionmyfunction() { document.write('welcome to Javatpoint'); } بعد إنشاء ملف JavaScript، قمنا بإنشاء مستند HTML وربطنا ملف JavaScript الخاص بنا باستخدام . نظرًا لأننا قمنا بتخزين مستند HTML وملف JavaScript في نفس المجلد، فقد قمنا للتو بتسمية ملف JavaScript الخاص بنا في السمة 'scr' بدلاً من توفير المسار الكامل في قسم الرأس.
داخل قسم النص، قمنا بعرض بعض النصوص وإنشاء زر. لاستدعاء وظيفتنا، استخدمنا عند النقر السمة مع الزر وعندما ينقر المستخدم على هذا الزر، يتم تنفيذ وظيفتنا وعرض رسالة تنبيه، كما ترون في الإخراج.
انقر فوق الزر التالي لرؤية الوظيفة قيد التنفيذ
انتاج |
الآن انقر على الزر المحدد:
