多个HTML文件共用同一个头部

最新推荐文章于 2024-08-21 22:37:54 发布

题莫

最新推荐文章于 2024-08-21 22:37:54 发布

阅读量2.2k

点赞数

本文链接：https://blog.csdn.net/qq_40330502/article/details/85099759

版权

因为公司临时需要临时搭建一个小项目，没有采用系统框架，之前在搞网页的时候是把前端设计好的头粘贴到新的页面，这样做耦合性很高，每当你新建一个页面的时候都需要进行一次粘贴，需要对头进行修改时更让人感到头疼，所以今天对头的展示方式进行改进，采取了共用头。
新建一个js，如我这里需要的
在js里写进你需要共享的头页面

document.writeln("<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">");
document.writeln("<html xmlns=\"http://www.w3.org/1999/xhtml\">");
document.writeln("<head>");
document.writeln("<style>");
document.writeln("</style>");
document.writeln("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" />");
document.writeln("<title></title>");
document.writeln("</head>");
document.writeln(&#