前端include file

程序员文章站 2022-07-12 21:35:54

...

后台模板引擎渲染页面，都可以做到相同html的拆分引入，那如何在前台也这样实现呢？

搜索了一下，可以用shtml实现。

我们新建两个文件：a.shtml，b.shtml

a.shtml的内容：

<!DOCTYPE html>
<html>
<head>
    <title>b</title>
</head>
<body>
<div>a.html</div>

b.shtml的内容：

<!--#include file="./a.shtml" -->
<div>b.html</div>
</body>
</html>

这样我们访问b.shtml就可以引入a.shtml的内容了。

推荐阅读

前端对base64编码的理解，原生js实现字符base64编码