جافا سكريبت سلسلة متعددة الأسطر

من السهل تعلم معالجة السلاسل ولكن من الصعب إتقانها في JavaScript. في السابق، لم تكن السلسلة متعددة الأسطر مدعومة بواسطة JavaScript. بعد عام 2015، تم تقديم سلسلة حرفية بواسطة ES6 (ECMAScript 6) الذي يدعم سلسلة متعددة الأسطر.

الآن، هناك عدة طرق للتعامل مع سلسلة متعددة الأسطر. سنناقش هذه الطرق المختلفة للتعامل مع سلسلة متعددة الأسطر واحدًا تلو الآخر في هذا الفصل.

فيما يلي طريقتان للعمل مع سلسلة متعددة الأسطر:

طريقة 1

إنها أبسط طريقة جافا سكريبت لإظهار نص السلسلة في أسطر متعددة. استخدم علامة التبويب خط الفاصل (
) أو HTML داخل الدالة document.write() لبدء النص من السطر الجديد.

مثال

فيما يلي التنفيذ العملي للسلسلة متعددة الأسطر باستخدام برمجة JavaScript:

رمز النسخ

 Multiple new lines example document.write(&apos;This is first line display using JavaScript.&apos;); document.write(&apos; <br>&apos;); document.write(&apos;This is second line and divided using break line tab of HTML.&apos;); document.write(&apos; <br>&apos;); document.write(&apos;Now, we again printed another new line.&apos;)

اختبره الآن

انتاج |

عندما تقوم بتنفيذ هذا الكود، ستظهر لك ثلاث سلاسل نصية على الويب والتي سيتم تقسيمها باستخدام علامة تبويب السطر الفاصل (
) من HTML .

 This is first line display using JavaScript. This is second line and divided using break line tab of HTML. Now, we again printed another new line.

المثال 2: ربط سلسلة فردية

في هذا المثال، سنقوم ببساطة بطباعة سلسلة متعددة الأسطر دون أي فواصل أسطر باستخدام برمجة JavaScript:

رمز النسخ

 Multiple new lines example var myString =&apos;Javatpoint is a website of technologies, &apos; + &apos;which provides tutorials of different technologies and tools. &apos; + &apos;Here you will get tutorials in detail&apos; + &apos;like theory as well as practical implementation.&apos; + &apos; <br> We will try to provide you the best knowledge from our side.&apos; + &apos;Student, teachers, and industry professionals can learn from here.&apos;; document.write(myString);

اختبره الآن

انتاج |

عندما تقوم بتنفيذ هذا الكود، ستظهر لك فقرتان نصيتان على الويب سيتم تقسيمهما باستخدام علامة تبويب السطر الفاصل (
) من HTML.

 Javatpoint is a website of technologies, which provides tutorials of different technologies and tools. Here you will get tutorials in detail &apos;like theory as well as practical implementation. We will try to provide you the best knowledge from our side. &apos;Student, teachers, and industry professionals can learn from here.

مثال 3

هذا مثال بسيط لطباعة نص متعدد الأسطر باستخدام برمجة JavaScript. في هذا استخدمنا HTML فقط
علامة التبويب لتقسيم الجمل في أسطر متعددة:

رمز النسخ

 Multiple new lines example var multilineString =&apos;JavaScript is a programming language that is useful for web development at client-side execution.&apos; + &apos;This language is very light-weighted mostly used to put validations, so they check at the client-side.&apos; + &apos; <br> Nowadays, it is very trending in market for web development.&apos; + &apos; <br> As it also allows dynamic execution of code.&apos;; document.write(multilineString);

اختبره الآن

انتاج |

عندما تقوم بتنفيذ هذا الكود، ستظهر لك ثلاث فقرات على الويب سيتم تقسيمها باستخدام علامة تبويب السطر الفاصل (
) من HTML.

boto3

 JavaScript is a programming language that is popular for web development at the client-side execution. This language is very light-weighted mostly used to put validations, so they check at client-side. Nowadays, it is very trending in market for web development. As it also allows dynamic execution of code.

الطريقة الثانية: يمكنك أيضًا تمرير السلسلة النصية بالداخل

أو أو عنوان نوافذ التبويب ( مثال لإنشاء سلسلة متعددة الأسطر باستخدام JavaScript وHTML

انقر فوق الزر لإدراج نص متعدد الأسطر

عرض متعدد الخطوط دالة showMultilineString() { multilineString = ' ' + '
هذا عنوان باستخدام علامة التبويب h3.
'+'
هذا سطر جديد آخر.' + 'لقد قمنا بدمج كل هذه السلاسل باستخدام' + 'عامل التسلسل'. ستظهر لك هذه السلسلة النصية سطرين وثلاثة أسطر.
' + ' ' ; document.getElementById('multiline').innerHTML = multilineString; }اختبره الآن
انتاج |

سيتم عرض الإخراج لك على الويب عن طريق تنفيذ ما ورد أعلاه. انظر الرد أدناه؛ سوف ترى أ عرض متعدد الخطوط زر لتظهر لك سلسلة نصية.

فوق هذا عرض متعدد الخطوط سيعرض لك الزر وسلسلة نصية في أسطر متعددة. انظر الإخراج أدناه: