أين تضع كود الجافا سكربت
الجافا سكربت في الصفحة يتم تنفيذها مباشرة بينما يتم تحميل الصفحة على المتصفح. هذا الشيء ليس دائماً ما نريده. بعض الأحيان نحن نريد أن يتم تنفيذ الكود حين يتم تحميل الصفحة أو بعد حدث معين مثل: عندما يضغط المستخدم على زر. في هذه الحالة يتم وضع الكود في دالة، سوف يتم شرح الدوال لاحقاً.
السكربتات في الـ
السكربت يتم تنفيذه عندما يتم استدعاءه، أو عندما يحدث حدث معين، يتواجد في الدالة. ضع الدوال الخاصة بك في قسم الـhead، في هذه الحالة ستكون كل الدوال في مكان واحد، وبالتالي لن تتداخل مع محتويات الصفحة.
كود بلغة HTML:
<html> <head> <script type="text/javascript"> function message() { alert("يتم استدعاء صندوق التحذير هذا مع الحدث onload أي عند تحميل الصفحة"); } </script> </head> <body onload="message()"> </body> </html>
إذا كنت لا تريد السكربت الخاص بك أن يكون بداخل دالة، أو إذا كان السكربت يجب أن يكتب محتوى في الصفحة، يفضل أن يوضع في قسم الـbody
كود بلغة HTML:
<html> <head> </head> <body> <script type="text/javascript"> document.write("هذا النص كتب بواسطة الجافا سكربت"); </script> </body> </html>
يمكنك وضع عدد لا نهائي من السكربتات في صفحة الويب خاصتك، لذا بإمكانك أن تضع سكربتات في كل من قسم head و body
كود بلغة HTML:
<html> <head> <script type="text/javascript"> function message() { alert("يتم استدعاء صندوق التحذير هذا مع الحدث onload أي عند تحميل الصفحة"); } </script> </head> <body onload="message()"> <script type="text/javascript"> document.write("هذا النص كتب بواسطة الجافا سكربت"); </script> </body> </html>
إذا كنت تريد أن تنفذ نفس كود الجافا سكربت في أكثر من صفحة، من دون الحاجة إلى كتابة الكود في كل صفحة، أنت يمكنك أن تكتب الكود في ملف خارجي. افتح ملف txt واكتب فيه الكود ثم احفظ الملف وغير الإمتداد إلى .js وهو الإمتداد الخاص بملفات الجافا سكربت. أو بإمكانك استخدام برامج تقوم بإنشاء ملفات الجافا سكربت، تسمح لك بوضع الكود الخاص بك ثم حفظه مباشرة.
ملاحظة: ملف الجافا سكربت الخارجي لا يمكن أن يحتوي على الوسمين فهذين الوسمين لهما علاقة بلغة الـ HTML
ولكي تسخدم الملف الذي قمت بحفظه في صفحاتك قم بالتأشير عليه بواسطة الخاصية src في وسم
التصانيف:
FatCow
قيم هذا المقال