在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>
  `);
});