在javascript中添加HTML代码段？

Question

I am working on a javascript plugin for a website where I have to add a form to a certain panel of the page. I was wondering if there was any way to import/read an html file(it contains the html code for the form) into a javascript file rather than creating a bunch of HTML Elements to create the form.

Answer 1

If using jQuery, you can insert the HTML as a string using the append , insertAfter , and similar methods (note that the template string syntax only works on ECMAScript6 compatible browsers).

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