向javascript添加html代码段？

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

如果使用jQuery，您可以使用，类似的方法注意到，模板字符串语法仅适用于ECMAScript 6兼容的浏览器

$('#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>
  `);
});

---

显然，您可以将HTML放在字符串中，并在某些元素上使用innerHTML/outerHTML让浏览器解析它。。。但我不确定这是你想要的。像这样的怎么样？这行不通。此外，问题中没有标记jQuery。提示：如果您想在没有当前源代码的情况下给出问题的解决方案/答案，我建议您在源代码中加入command，并对代码中发生的事情进行详细描述，但最重要的是调试您的答案，以确保它能正常工作。这不可能t@NewToJS是的，字符串语法错误是一个粗心的错误，我现在已经纠正了。至于jQuery，询问者也没有声明他们想要一个普通的Javascript解决方案。对我来说，避免使用任何未明确声明为可接受解决方案的库或框架似乎是不合理的。如果提问者确切地知道需要哪些库和框架才能达到预期的结果，那么他们不太可能在这里提问而不是查看文档。用户可以标记语言，jquery可能是javascript，但它有自己的标记，因为一些用户喜欢使用纯javascript而不是jquery。一些用户还离线运行javascript，不希望下载jQuery文件，因此如果jQuery没有标记，那么最好先在评论部分询问。另外，展示如何使用jQuery链接到库也是一个好主意，因为有些人可能不知道如何做，因此jQuery没有被标记。既然你已经修复了语法错误，我已经删除了我的否决票，因为这是我添加我的否决票的原因。我仍然建议在源代码中添加注释或详细描述，向OP解释你的源代码正在做什么。也许OP可以查看一些参考链接来帮助解释jQuery…@NewToJS，根据您的建议，我添加了注释和文档链接。