使用\换行方式

不需要敲多余的引号;

var bodyHtml = ' \
        <form> \
          <div class="control-group"> \
            <label class="control-label" for="inputListId">' + $.translate('List Name') + '</label> \
            <div class="controls"> \
              <input type="hidden" id="inputListId" value="' + listId + '"> \
              <span class="modal-text-field">' + listName + '</span> \
            </div> \
          </div> \
          <div class="control-group"> \
            <label class="control-label" for="inputOptions">' + $.translate('Options') + '</label> \
            <div class="controls"> \
              <textarea class="form-control" rows="9" id="inputOptions" style="height:190px; "></textarea> \
              <span class="help-block"> \
                Each option is located on a separate line, delimited by a line break.<br /> \
                '+ typeValueName + ' and ' + typeTextName + ' are seperated by a comma, for example:<br /> ' + example + ' \
              </span> \
            </div> \
          </div> \
        </form> \
        ';

配合jquery使用

var $bodyHtml = $('<form class="form-horizontal"> \
                <div class="control-group"> \
                    <label class="control-label" for="inputListName">' + $.translate('List Name') + '</label> \
                    <div class="controls"> \
                        <input type="hidden" id="inputListId" value="' + listId + '"> \
                        <input class="form-control" type="text" id="inputListName" value="" placeholder=""> \
                    </div> \
                </div> \
            </form>');

使用+拼接方式

被大多数程序员使用,但是要敲很多的引号;

不换行,使用\n指示换行的方式

一行到底,不借助工具,相信没几个程序员能看得懂。

哪种方式方便,一目了然。