javascript - Javascript中=后的""给出错误，因为Javascript中的html代码中有""

Question

我的html代码中有一个“”，所以js不会理解我猜应该使用哪个“”，对此有什么好的建议!!!

document.getElementById("prja").innerHTML =/"
< div class=" container - fluid" >
    < div class="row" >
        <div class="col h1 mt-3 mb-5 text-center font-weight-bolder mb-3 mt-5"
            style="font-family: 'Oswald', sans-serif; color: rgb(2, 151, 151); ">
            Our Projects
    </div>
    </div >
</div >
/";

Answer 1

最简单的解决方案是使用 template string :

document.getElementById("prja").innerHTML = `
  <div class=" container-fluid" >
    <div class="row">
      <div class="col h1 mt-3 mb-5 text-center font-weight-bolder mb-3 mt-5"
           style="font-family: 'Oswald', sans-serif; color: rgb(2, 151, 151);">
        Our Projects
      </div>
     </div >
  </div>`;

<div id="prja"></div>

<小时/>

如果出于某种原因，您想继续使用常规双引号字符串:

1. 您应该转义内部双引号，而不是外部双引号。
2. 通过在引号 (\") 前添加反斜杠(而不是正斜杠)来完成转义。
3. 您必须将换行符替换为换行符 (\n)。