js中字符串的拼接的另一种方法

转载于 2015-07-28 16:48:00 发布 · 75 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/smile-ls/p/4683372.html

本文详细介绍了如何使用JavaScript将多个HTML元素拼接成一个完整的HTML片段，并通过数组实现更灵活的缩进控制，确保HTML结构的正确性和语义性。包括基本语法、实践案例以及HTML片段拼接的最佳实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 按一定长度截断字符串，并使用 + 运算符进行连接。
// 分隔字符串尽量按语义进行，如不要在一个完整的名词中间断开。
// 特别的，对于HTML片段的拼接，通过缩进，保持和HTML相同的结构。
var html = '' // 此处用一个空字符串，以便整个HTML片段都在新行严格对齐
    + '<article>'
    +     '<h1>Title here</h1>'
    +     '<p>This is a paragraph</p>'
    +     '<footer>Complete</footer>'
    + '</article>';

// 也可使用数组来进行拼接，相对 + 更容易调整缩进。
var html = [
    '<article>',
        '<h1>Title here</h1>',
        '<p>This is a paragraph</p>',
        '<footer>Complete</footer>',
    '</article>'
];
html = html.join('');