Добавление фрагмента кода html в javascript?

Question

Я работаю над плагином javascript для сайта, где мне нужно добавить форму на определенную панель страницы. Мне было интересно, есть ли способ импортировать/читать html-файл (он содержит html-код для формы) в файл javascript, а не создавать кучу HTML-элементов для создания формы.

Answer 1

При использовании jQuery вы можете вставить HTML как строку, используя append, insertAfter и аналогичные методы (обратите внимание, что синтаксис строки шаблона работает только на совместимых с 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> 
    `); 
});