将多个html页面里引进相同的一个头部页面,应该怎么做

2025-02-25 00:10:03
推荐回答(3个)
回答1:

  • 将多个html页面里引进相同的一个头部页面的方法如下:

  • 1. iframe 包含法。
    页头和页尾分别做成一个页面,然后通过iframe嵌入到调用的页面。这种方法在页头页尾高度固定的时候比较适用,因为当页头页尾高度不固定时,需要iframe根据页面内容自适应高度,比较麻烦。
    简单代码结构示例:


    页面





    页面内容





  • 2. js包含法
    页头和页尾改成外接js的形式,通过documen.write输出或其它js的输出的方法。这种方法在页头页尾需要修改时,不利于修改,也不好还原原先的html结构。


    页面





    页面内容





  • 3. shtml方法
    运用服务端的包含方法,只需在页面中使用服务端包含命令,在被调用的页面嵌入页头和页脚即可。但此方法需要服务端支持ssi(server side include 服务端包含)功能。


    页面





    页面内容





回答2:

1、新建一个header.html头部文件
2、在你说的多个html页面引入即可
示例:index.html文件引入公用头部header.html
在index.html文件开始加入:
file内填写的是你需要引入的文件的详细地址,可以是相对地址,也可以是绝对地址!

回答3:

1、



2、 <%@ include file="/common/frontconditionturnpage.jsp"%>

3、