في عملية تصحيح الأخطاء واختبار التعليمات البرمجية، يتم استخدام الطرق لعرض نص عادي على وحدة التحكم أو صفحة الويب للتأكد من تنفيذ جزء معين من البرنامج. توفر جافا سكريبت HTML DOM ' document.writeln ()' لتنفيذ هذه المهمة.
تشرح هذه المدونة الإجراء الخاص بالكتابة على مستند HTML باستخدام طريقة document.writeln().
كيفية الكتابة إلى HTML DOM باستخدام طريقة Document writeln()؟
ال ' document.writeln ()' تقوم الطريقة بطباعة النص على صفحة ويب وعند استخدامها على طول '< قبل >'، تتم طباعة النص على سطر جديد في كل مرة.
بناء الجملة
تم توضيح بناء جملة طريقة JavaScript document.writeln() أدناه:
وثيقة. com.writeln ( قيمة )
يمكن أن تكون 'القيمة' عبارة عن سلسلة متغيرة أو نص عادي، يتم إلحاقه مباشرة بصفحة الويب. ويمكن أيضًا تمرير أكثر من قيمة عن طريق الفصل بينها بفاصلة.
دعونا نحصل على التنفيذ العملي.
المثال 1: إدراج قيم متعددة ديناميكيًا
في هذا المثال، سيتم عرض القيم المتعددة بتنسيق النص العادي على صفحة الويب عند تفاعل المستخدم مع الزر:
< مركز >
< نمط h1 = 'اللون: أزرق كاديت؛' > لينكس h1 >
< زر Ondblclick = 'إدراج()' >< زر >
مركز >
< النصي >
وظيفة الواضع ( ) {
وثيقة. com.writeln ( 'هذا جزء أولي' , 'إنه الجزء الأخير' ) ;
}
النصي >
يظهر شرح الكود أعلاه على النحو التالي:
- أولاً، يتم إنشاء الزر الذي يستخدم ' com.ondblclick 'مستمع الحدث لاستدعاء' الواضع ()' وظيفة.
- التالي ' document.writeln ()' يتم استخدام الطريقة التي تحتوي على قيمتين بتنسيق نص عادي داخل ' الواضع ()' وظيفة. سيؤدي هذا إلى عرض النص المقدم على صفحة الويب عندما ينقر المستخدم نقرًا مزدوجًا فوق الزر.
يظهر الإخراج الناتج بعد التجميع على النحو التالي:
يؤكد الإخراج أعلاه أن البيانات المقدمة قد تمت طباعتها على صفحة الويب.
المثال 2: استخدام طريقة writeln() للمستند مع علامة
في هذا المثال، '< قبل >' سيتم استخدام العلامة حول القيمة التي سيتم تمريرها داخل ' document.writeln ()' طريقة. لعرض كل قيمة على السطر الجديد. الكود مذكور أدناه:
< النصي >وثيقة. com.writeln ( '
هذا جزء أولي') ; وثيقة. com.writeln ( 'إنه الجزء الأخير' ) ;
النصي >
في سطر التعليمات البرمجية أعلاه، القيم التي سيتم عرضها بواسطة كل من ' com.writeln ()' يتم تغليف الأساليب بـ '< قبل >' لعرضها في أسطر جديدة منفصلة.
يبدو إخراج سطر التعليمات البرمجية أعلاه كما يلي:
يُظهر الإخراج أن كل قيمة يتم عرضها على سطر جديد عند عرضها على صفحة الويب.
خاتمة
HTML DOM ' كتابة المستند () 'تُستخدم الطريقة بشكل أساسي لإدراج نص على صفحة الويب، ويتم تمرير النص داخل قوسين ويتم فصل النصوص المتعددة بفاصلة. تعرض هذه الطريقة النص على سطر جديد عندما يتم تغليفه داخل '< قبل >' العلامة. لقد نجحت هذه المدونة في شرح طريقة document.writeln().