首页 > 解决方案 > 如何使用javascript中的新行创建html

问题描述

php - 这有效:

$html = "
    <div class='part partb4'>
    <img class='imgb4' src='imgdef/01.jpg' alt='img'>
    </div>";
echo $html;

javascript - 不起作用:

let html = "    
    <div class='part partb4'>
    <img class='imgb4' src='imgdef/01.jpg' alt='img'>
    </div>";
    $(html).insertBefore($('.part').eq(0));

javascript - 这有效:

let html = "<div class='part partb4'><img class='imgb4' src='imgdef/01.jpg' alt='img'></div>";

$(html).insertBefore($('.part').eq(0));

如何使第二个示例有效?我在windows上,记事本++。

谢谢。

标签: javascriptjquery

解决方案


对于多行,您应该使用单个反引号 `(1 之前的 shift + 按钮)

let html = `
  <div class='part partb4'>
<img class='imgb4' src='imgdef/01.jpg' alt='img'>
</div>
`;

推荐阅读