HTML静态页面引用公共的头部和底部(目前亲测的几种静态页面方法）

tigerZH 发布于2019-08-26 10:56 / 3516人阅读

摘要：亲测方法三会出现滚动条。个人认为方法一在静态页面中的使用比较合适

这里不提iframe，主要因为设计网页相对比较困难，占用线程较多，速度慢，而且也不利于搜索引擎的对头尾的收录

方法一：通过load()函数，分别引入公共头部和底部文件;

header.html 顶部页面

footer.html 底部页面

index.html 正文页面

正文部分

注意
load函数里最好不要写本地的文件，容易引起跨域问题导致浏览器找不到页面，我这里是用域名来解决的

方法二：

HTML 代码复用实践