在javascript中添加html代码段？

Question

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

Answer 1

如果使用jQuery，您可以使用append，insertAfter和类似的方法将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>
  `);
});