JavaScript Неверный или неожиданный токен - для длинного текста

Question

У меня очень длинный текст в переменной JavaScript.Но он выдает

Недопустимый неожиданный токен

ошибка, как показано ниже:

var userdetais = '<p><span style="color: rgb(75, 79, 86); font-family: Helvetica, Arial, sans-serif; font-size: 13px; white-space: pre-wrap; background-color: rgb(241, 240, 240);">মাসুদ আলম
সহ: শিক্ষক
ফরিদ উদ্দিন উচ্চ বিদ্যালয়
পো: আয়নাতলী, ডাকঘর: আয়নাতলী, শাহ্রাস্তি, চাঁদপুর-৩৬২২।
০১৭৪৮৬৮৫৪৮২</span></p>';

Хотя все пять строк находятся внутри переменной 'userdetails'одинарная кавычка (''), но она распознает только первую строку.Как я могу поместить весь текст в одну переменную?

Answer 1

Вы должны использовать разрыв строки с тегом HTML

Попробуйте это:

var userdetais = '<p><span style="color: rgb(75, 79, 86); font-family: Helvetica, Arial, sans-serif; font-size: 13px; white-space: pre-wrap; background-color: rgb(241, 240, 240);">মাসুদ আলম <br> সহ: শিক্ষক <br> ফরিদ উদ্দিন <br> উচ্চ বিদ্যালয় <br> পো: আয়নাতলী, ডাকঘর: আয়নাতলী, শাহ্রাস্তি, চাঁদপুর-৩৬২২। <br> ০১৭৪৮৬৮৫৪৮২</span></p>';

Answer 2

• https://css -tricks.com / snippets / javascript / многострочные строковые переменные в javascript /
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals
• https://medium.com/front-end-hacking/es6-cool-stuffs-a-new-js-string-with-template-literals-c23a8af11b2
• https://github.com/Matt-Esch/string-template

(Все это шаблонная строка , и вы можете искать ее по тому же названию)

Это работает:

var htmlString = "<div>This is a string.</div>";

Это не удается:

var htmlSTring = "<div>
  This is a string.
</div>";

Иногда это желательно для удобства чтения.

Добавьте обратную косую черту, чтобы заставить ее работать:

var htmlSTring = "<div>\
  This is a string.\
</div>";

но в целом такой подход был бы более понятным:

var strText = `সহ: শিক্ষক ...`;
var strTemplate = `...<span>#{strText}</span>...`;

Answer 3

Вы можете использовать Template literals:

var userdetais = `<p><span style="color: rgb(75, 79, 86); font-family: Helvetica, Arial, sans-serif; font-size: 13px; white-space: pre-wrap; background-color: rgb(241, 240, 240);">মাসুদ আলম
সহ: শিক্ষক
ফরিদ উদ্দিন উচ্চ বিদ্যালয়
পো: আয়নাতলী, ডাকঘর: আয়নাতলী, শাহ্রাস্তি, চাঁদপুর-৩৬২২।
০১৭৪৮৬৮৫৪৮২</span></p>`;

console.log(userdetais);

Обратите внимание: IE еще не поддерживает эту новую функцию ES6.

ИЛИ: Если у вас естьпроблема с браузером, затем используйте конкатенацию строк

var userdetais = '<p><span style="color: rgb(75, 79, 86); font-family: Helvetica, Arial, sans-serif; font-size: 13px; white-space: pre-wrap; background-color: rgb(241, 240, 240);">মাসুদ আলম'+
+'সহ: শিক্ষক'
+'ফরিদ উদ্দিন উচ্চ বিদ্যালয়'
+'পো: আয়নাতলী, ডাকঘর: আয়নাতলী, শাহ্রাস্তি, চাঁদপুর-৩৬২২।'
+'০১৭৪৮৬৮৫৪৮২</span></p>';

console.log(userdetais);