ضع كود الجافا سكربت التالي في صفحة HTML:
المثال بالأسفل يعرض لك كيفية استخدام الجافا سكربت لكتابة نص في صفحة الويب:
كود:
<html> <body> <script type="text/javascript"> document.write("Welcome to FloatBird.net"); </script> </body> </html>
كود:
<html> <body> <script type="text/javascript"> document.write("<h1>Welcome to FloatBird.net</h1>"); </script> </body> </html>
لإضافة كود جافا سكربت في صفحات الـHTML نحتاج إلى استخدام الوسم <script>. بداخل الوسم <script> نستخدم الخاصية type لتعريف لغة السكربت المراد إضافته.
لهذا الغرض <script type="text/javascript"> و </script> تبيّن بداية كود الجافا سكربت ونهايته:
كود:
<html> <body> <script type="text/javascript"> ... </script> </body> </html>
بإدخال الأمر document.write بين الوسمين <script> و </script>، المتصفح يميّز الكود بأنه أمر من أوامر الجافا سكربت ويقوم بتنفيذ السطر. في هذه الحالة المتصفح سيكتب "Welcome to FloatBird.net" في الصفحة:
كود بلغة HTML:
<html> <body> <script type="text/javascript"> document.write("Welcome to FloatBird.net"); </script> </body> </html>
المتصفحات التي لا تدعم الجافا سكربت ستقوم بعرض كود الجافا سكربت على شكل محتوى في الصفحة. لتمنع وتتجنب هذا الأمر، وكجزء من أساسيات الجافا سكربت، وسم تعليقات الـHTML يستخدم لإخفاء الجافا سكربت.
فقط أضف وسم الـHTML الخاص بالتعليقات <!-- قبل أول عبارة لكود الجافا سكربت، و --> (نهاية التعليق) بعد آخر عبارة لكود الجافا سكربت، مثال على ذلك:
كود:
<html> <body> <script type="text/javascript"> <!-- document.write("Welcome to FloatBird.net"); // --> </script> </body> </html>
FatCow
قيم هذا المقال