Javascript 具有类似装饰器的sitemesh的静态web

我从一个使用SpringMVC和sitemesh for decorator的项目开始，现在规范已经改变，他们希望将后端从前端移出，并且

我更愿意将这个GUI拆分为一个静态web，该web将调用另一个后端API，因此如果我这样做，这意味着静态web将是纯HTML、CSS和JS

因此，我只是想知道是否有任何库可以做类似于sitemesh的事情（例如，如果我使用angular，那么它们可以构建一个包含大量组件的静态web，但这需要我进行更多的返工）

---

我正在寻找类似的东西，帮助我在一个文件中声明所有css和js库，在“body”标记中，我只需要呈现不同的页面，您可以使用XMLHttpRequest作为装饰程序的一部分

请求特定页面，并将其作为“文档”接收，从XHR结果中提取dom，然后使用DOMObject.appendChild（节点）或DOMObject.append（元素）粘贴它们

下面的代码是一个示例，目标页面不支持https，所以只显示错误页面。（在测试代码之前访问并允许连接）

使用XMLHttpRequest时要小心CORS

{
let request=document.querySelector（“请求”）；
request.addEventListener（“单击”，函数（e）{
设xhr=newXMLHttpRequest（）；
打开（“获取”`https://bypass.isitea.net/default.php` );
xhr.responseType=“文档”；
xhr.addEventListener（“加载”），函数（事件）{
让doc=xhr.response；
let list=doc.queryselectoral（“body*”）；
让target=document.querySelector（“#otherBody”）；
for（列表的常量）{
target.appendChild（dom）；
}  
} );
xhr.send（）；
} );
}

div#其他主体{
宽度：100%；
身高：100%；
溢出：隐藏；
背景：rgba（0,128,64,0.5）；
}

https://bypass.isitea.net/default.php