在javascript中添加HTML代码段？

Question

我正在为网站使用JavaScript插件，必须在其中将表单添加到页面的特定面板中。 我想知道是否有任何方法可以将html文件（包含表单的html代码）导入/读取到javascript文件中，而不是创建一堆HTML元素来创建表单。

Answer 1

如果使用jQuery，则可以使用append ， insertAfter和类似方法append HTML作为字符串插入（请注意，模板字符串语法仅在兼容ECMAScript6的浏览器上有效）。

$('#addForm').click(function() { // execute the following with #addForm is clicked
  $('#formPanel').append( // add the following to the innerHTML of #formPanel
    // backtick starts a template string
    `
    <form action='sumbit.php' method='POST'>
      First name: <input name='first'>
      Last name: <input name='last'>
      <input type='submit'>
    </form>
  `);
});