html中的正則表達式不匹配

Question

我在js文件的變量卡中有一個html代碼塊。我在卡變量錯誤中捕獲了正則表達式不匹配。所有單引號和雙引號都匹配。我在html塊中做錯了什么。是否有拼寫錯誤。

(function ($) {
Drupal.behaviors.one_time_popup = {
attach: function (context, settings) {
var celeType=Drupal.settings.one_time_popup.celeType;
 card="<div class=\'cardTemplate-aniv\'> 
 <p class=\'bir-anniv-wishes\'>Happy Birthday and Successful Anniversary</p>
 <p id=\'aspirian-name\'>"+userName+"</p>
 <img src=\'"+Drupal.settings.publicpath+"/Birthday_Images/birthdayTemplate1.jpg\' style=\'width:250px;height:230px;\'>
 <img src=\'"+Drupal.settings.publicpath+"/Anniversary_Images/"+anniversaryCount+"Anniversary.jpg\' style=\'width:250px;height:250px;\'>
</div>";
 }
};
}(jQuery)); 

我還有另外一個temmplate

 cardTemplate1 = "<div class=\'cardTemplate\'><span class=\'birthdayImage\'></span><p class=\'wishes\'>Happy Birthday <span id=\'aspirian-name\'>"+userName+"</span> !</p><img src=\'"+Drupal.settings.publicpath+"/Birthday_Images/birthdayTemplate1.jpg\'></div>";

它顯示了正則表達式不匹配，沒有轉義單引號

Answer 1

您不能在雙引號中包含多行字符串文字。 如果您有ES6，則可以使用反引號來包含多行模板字符串。 請參閱在JavaScript中創建多行字符串

Answer 2

您無需轉義單引號' 。