Question

我想在“myContent1”中添加多行代码，而不必复制它，因为这可能非常繁琐。有更有效的方法吗？谢谢！

function getCode(form){
    myContent1 = document.inputForm.myContent1.checked;
    output =
        '<!DOCTYPE html>\n' +
        '<html>\n' +
        '<body>\n' +
        ((myContent1) ? '<div>content 1</div>' : '') + '\n' +
        ((myContent1) ? '<div>content 2</div>' : '') + '\n' +
        '' +
        '<\/body>\n' +
        '<\/html>\n';
    document.inputForm.source.value = output;
    return output;
}

Answer 1

您可以使用ES6模板文字来实现相同的

这是一个示例代码。希望它有帮助

我已修改代码以检查条件

getCode()

function getConditionalTemplate(x, y) {

  if (Number(x) > Number(y)) {
    return `<div>content1</div>`
  } else {
    return `<div>content2</div>`
  }
}

function getCode() {
  const myContent1 = document.getElementById('inputForm');
  const x = 10000;
  const y = 200;

  const output =
    `<!DOCTYPE html>
        <html>
        <body> 
          ${getConditionalTemplate(`${x}`,`${y}`)}
        <\/body>
        <\/html>`
  myContent1.innerHTML = output;

}

<div id="inputForm">
</div>

JS中的多行输出

1 个答案: