2 gangyeona gangyeona 于 2016.03.24 15:27 提问

静态html如何包括header和footer 1C

需要写html页面,其中头部导航和尾部的信息每个页面都相同。
现在想把header和footer单独分开。可以加载到 每个页面中,便于维护。
尝试的方法有:
1,iframe效果不好,会多出奇怪的框框
2 , jquery.load(header.html)只有火狐浏览器可以显示出来

有别的什么好用的方法吗?除了header和footer我还想将一些模态框什么的组件化。
只用html和jquery能实现吗?

7个回答

cxhhans
cxhhans   2016.03.24 15:31

cxhhans
cxhhans 回复yeona: = =我也看不到,好神奇,会不会是直接写代码,结果被注入了= =,反正下面的都回答了,和我的差不多
一年多之前 回复
gangyeona
gangyeona 怎么看不到你回复的内容呢
一年多之前 回复
qq_25093755
qq_25093755   2016.03.24 16:05

你说的那些情况可以设置下就行,iframe比较适合前台嵌入header和footer,如果后台的话,可以嵌套使用jsp里面的,或者是xtend文件

gangyeona
gangyeona 那我继续用iframe试试~~
一年多之前 回复
u010066554
u010066554   2016.03.24 16:22

<!-- #include file="page-header-top.html" --> 可以将头部和尾部单独写成html文件,直接在合适的位置引用

hack_davei
hack_davei   2016.03.25 15:08

hack_davei
hack_davei   2016.03.25 15:08

《可以的》

hack_davei
hack_davei   2016.03.25 15:09

《object style="border:0px" type="text/x-scriptlet" data="import.htm" width=100% height=30》 《/object》

u011742045
u011742045   2017.08.31 10:51

可以使用模板引擎,beetl、Thymeleaf 等都可以,将header还有foot这些弄成模板,局部变动就行了

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!