前端include file

后台模板引擎渲染页面,都可以做到相同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的内容了。

相关推荐