Javascript 如何加载包含<；的HTML文件；模板>；元素？

我想重新使用我的自定义web组件。我的网页主要由HTML文件定义，而不是Javascript。是否有任何可行的方法可以使用HTML/Javascript/jQuery将我的组件插入到我的主文件中？（我知道我可以通过服务器端编程来组装它，但这远不是可重用的。）

简单例子

文件

widget.html

：

<template>
   // some content
</template

<div id="foo"></div>
<script>
    $("#foo").load("widget.html);  // does not work.
</script>

---

请注意，此代码仅对

…失败我尝试加载的任何文件的部分。如果我放置了其他有效（甚至无效）的HTML元素，例如
或
，这些元素就会被插入到我的页面中。
请参阅文档：听起来像是在寻找“HTML包含”。听起来很奇怪，它们还不存在。您可以将该模板html放入组件的类中。然后在main.html中，您只需将该组件作为任何其他html使用。这在customElement.define（html名称、类名）之后。当你头脑清醒的时候，这是一件非常容易的事。@Berniev是的。我可以在我的组件类中将模板的HTML设置为Javascript文本。但是，我的非编程设计师无法轻松地对其进行操作和设置样式。我使用模板的全部原因是分离内容和表示关注点。