html 引入一个公共的头部和底部

最新推荐文章于 2024-07-24 21:45:01 发布

_格鲁特宝宝

最新推荐文章于 2024-07-24 21:45:01 发布

阅读量913

点赞数

分类专栏： Web FrontEnd HTML 文章标签： header footer iframe include file include

_格鲁特宝宝原创，转载请务必注明出处

本文链接：https://blog.csdn.net/GrootBaby/article/details/83991406

版权

这篇博客探讨了在HTML中实现公共头部和底部的多种方式，包括使用ASP和PHP语言，通过iframe，js脚本，jQuery的load函数，HTML的include file，以及ajax动态拉取和angular js的<ng-include>。文章详细介绍了每种方法的实现步骤和优缺点。

摘要由CSDN通过智能技术生成

首先制作一个头部文件head.asp，或者一个底部文件foot.asp。如主页是index.asp，调用头部代码是在index.asp文件代码的开始位置（第一个标记后面，<head>标记前面）增加如下代码：

<!–  #include file="head.asp"  –>

如果是PHP文件，文件名改为 head.php即可

<iframe MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no src="head.htm" height="auto" width="100%">
</iframe>

建立一个head.js的文件，找一个html转js的网站，然后把你头部的html代码转化成js代码，并放在head.js文件里面。然后在需要调用head文件代码的地方添加如下代码：

关注