קל ללמוד מניפולציה של מחרוזות, אבל הכי קשה לשלוט בה ב-JavaScript. מוקדם יותר, מחרוזת מרובת שורות לא נתמכה על ידי JavaScript. לאחר 2015, מילולי מחרוזת הוצגו על ידי ES6 (ECMAScript 6) התומך במחרוזת מרובת שורות.
כעת, ישנן מספר דרכים לטפל במחרוזת מרובת שורות. נדון בשיטות השונות הללו לטיפול במחרוזת מרובת שורות אחת אחת בפרק זה.
להלן מספר דרכים לעבוד עם מחרוזת מרובת שורות:
שיטה 1
זו הדרך הפשוטה ביותר JavaScript כדי להציג את טקסט המחרוזת במספר שורות. השתמש בכרטיסיית קו הפסקה (
) או HTML בתוך הפונקציה document.write() כדי להתחיל את הטקסט מהשורה החדשה.
דוגמא
להלן היישום המעשי של מחרוזת מרובת שורות באמצעות תכנות JavaScript:
העתק קוד
Multiple new lines example document.write('This is first line display using JavaScript.'); document.write(' <br>'); document.write('This is second line and divided using break line tab of HTML.'); document.write(' <br>'); document.write('Now, we again printed another new line.')בדוק את זה עכשיו
תְפוּקָה
כאשר תבצע את הקוד הזה, שלוש מחרוזות טקסט יציגו אותך באינטרנט שיחולקו באמצעות לשונית קו הפסקה (
) של 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 ='Javatpoint is a website of technologies, ' + 'which provides tutorials of different technologies and tools. ' + 'Here you will get tutorials in detail' + 'like theory as well as practical implementation.' + ' <br> We will try to provide you the best knowledge from our side.' + 'Student, teachers, and industry professionals can learn from here.'; 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 'like theory as well as practical implementation. We will try to provide you the best knowledge from our side. 'Student, teachers, and industry professionals can learn from here.
דוגמה 3
זוהי דוגמה פשוטה להדפסת טקסט מרובה שורות באמצעות תכנות JavaScript. בזה השתמשנו רק ב-HTML
tab כדי לשבור את המשפטים במספר שורות:
העתק קוד
Multiple new lines example var multilineString ='JavaScript is a programming language that is useful for web development at client-side execution.' + 'This language is very light-weighted mostly used to put validations, so they check at the client-side.' + ' <br> Nowadays, it is very trending in market for web development.' + ' <br> As it also allows dynamic execution of code.'; document.write(multilineString);בדוק את זה עכשיו
תְפוּקָה
כאשר תבצע את הקוד הזה, שלוש פסקאות יציגו אותך באינטרנט שיחולקו באמצעות לשונית קו הפסקה (
) של HTML.
הרכב יחסים
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.
שיטה 2: אתה יכול גם להעביר את מחרוזת הטקסט פנימה
אוֹ אוֹ כּוֹתֶרֶת כרטיסיות ( דוגמה ליצירת מחרוזת מרובת שורות באמצעות JavaScript ו-HTML
לחץ על הכפתור כדי להוסיף טקסט רב שורות
הצג Multiline function showMultilineString() { multilineString = ' ' + 'זוהי כותרת באמצעות הכרטיסייה h3.
' + 'זה עוד מחרוזת שורה חדשה״. + 'שילבנו את כל המחרוזות האלה באמצעות' + 'אופרטור שרשור. מחרוזת טקסט זו תראה לך שתי שלוש שורות.
' + ' '; document.getElementById('multiline').innerHTML = multilineString; }בדוק את זה עכשיותְפוּקָה
פלט יציג אותך באינטרנט על ידי ביצוע האמור לעיל. ראה את התגובה למטה; אתה תראה א הצג Multiline לחצן כדי להציג מחרוזת טקסט.
לחץ על זה הצג Multiline כפתור ומחרוזת טקסט יציגו אותך במספר שורות. ראה את הפלט למטה: