La manipulation de chaînes est facile à apprendre mais plus difficile à maîtriser en JavaScript. Auparavant, les chaînes multilignes n'étaient pas prises en charge par JavaScript. Après 2015, des littéraux de chaîne ont été introduits par ES6 (ECMAScript 6) qui prennent en charge les chaînes multilignes.

Désormais, il existe plusieurs façons de gérer une chaîne multiligne. Nous discuterons de ces différentes méthodes pour gérer les chaînes multilignes une par une dans ce chapitre.

Voici quelques façons de travailler avec une chaîne multiligne :

Méthode 1

C'est la manière la plus simple de Javascript pour afficher le texte de la chaîne sur plusieurs lignes. Utilisez l'onglet Ligne de rupture (
) ou HTML dans la fonction document.write() pour démarrer le texte à partir de la nouvelle ligne.

Exemple

Voici l'implémentation pratique d'une chaîne multiligne à l'aide de la programmation JavaScript :

Copier le code

 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;) 

Sortir

Lorsque vous exécuterez ce code, trois chaînes de texte vous afficheront sur le Web qui seront divisées à l'aide de l'onglet de ligne de rupture (
) de 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. 

Exemple 2 : concaténation d'une chaîne individuelle

Dans cet exemple, nous imprimerons simplement la chaîne multiligne sans aucun saut de ligne en utilisant la programmation JavaScript :

Copier le code

 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); 

Sortir

Lorsque vous exécuterez ce code, deux paragraphes de texte s'afficheront sur le Web qui seront divisés à l'aide de l'onglet de ligne de rupture (
) de 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. 

Exemple 3

Il s'agit d'un exemple simple d'impression de texte multiligne à l'aide de la programmation JavaScript. En cela, nous avons uniquement utilisé HTML
onglet pour diviser les phrases en plusieurs lignes :

Copier le code

 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); 

Sortir

Lorsque vous exécuterez ce code, trois paragraphes vous afficheront sur le Web qui seront divisés à l'aide de l'onglet de ligne de rupture (
) de HTML.

cout

 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. 

Méthode 2 : Vous pouvez également passer la chaîne de texte à l'intérieur

ou ou titre onglets ( Exemple de création de chaîne multiligne à l'aide de JavaScript et HTML

Cliquez sur le bouton pour insérer du texte multiligne

Afficher multiligne function showMultilineString() { multilineString = ' ' + '

Il s'agit d'un en-tête utilisant l'onglet h3.

' + '

Ceci est une autre nouvelle ligne de chaîne. + 'Nous avons combiné toutes ces chaînes à l'aide de' + 'opérateur de concaténation. Cette chaîne de texte vous montrera deux trois lignes.

' + ' ' ; document.getElementById('multiline').innerHTML = multilineString; }Testez-le maintenant

Sortir

Une sortie vous affichera sur le Web en exécutant ce qui précède. Voir la réponse ci-dessous ; tu verras un Afficher multiligne bouton pour vous montrer une chaîne de texte.

Cliquez ici Afficher multiligne Un bouton et une chaîne de texte vous afficheront sur plusieurs lignes. Voir le résultat ci-dessous :

---