Javascript中的HTML字符串换行符

Question

我试图用jQuery输出html.

$('body').append('
<div>
  <div>
    <div></div>
  </div>
</div>
');

我希望以这种方式缩进代码以提高可读性.它适用于PHP但不适用于JS,任何想法？我使用notepad ++作为编辑器.

Answer 1

你应该使用模板系统.无论你使用多少缩进,如果你混合了很多HTML和Javascript,你最终将意大利面条代码.

HTML

<script type="text/template" id="my-template">
    <div>
        <div>
            <div></div>
        </div>
    </div>
</script>

使用Javascript

$('body').append($('#my-template').html());

如果需要更多地控制模板渲染,则需要使用库.我推荐使用underscore.js,它不是javascript的最佳模板引擎,但它非常轻量级,并附带了一组很棒的辅助函数.