Я хочу повторно использовать мой пользовательский веб-компонент. Мои веб-страницы в основном определяются файлами HTML, а не Javascript. Есть ли какой-нибудь реальный способ вставить мой компонент в мой основной файл, используя HTML / Javascript / jQuery? (Я знаю, что мог бы собрать его с помощью программирования на стороне сервера, но это гораздо менее пригодно для повторного использования.)
Простой пример
Файл widget.html:
<template>
// some content
</template
Основной файл main.html:
<div id="foo"></div>
<script>
$("#foo").load("widget.html); // does not work.
</script>
Обратите внимание, что этот код не работает только для части <template> ... </template> любого файла, который я пытаюсь загрузить. Если я размещу другие действительные (и даже недействительные) элементы HTML, такие как <div> или <foobar>, эти элементы будут вставлены на мою страницу.