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

之前页面都是用的php,t头和脚都可以引进来,效果也ok。可是现在我将页面全都改成了html页面不知道怎么引进来用了Iframe将头部和页脚引进来了,可是点击不跳转页面,... 之前页面都是用的php,t头和脚都可以引进来,效果也ok。可是现在我将页面全都改成了html页面 不知道怎么引进来 用了 Iframe将头部和页脚引进来了 ,可是点击不跳转页面,所以很苦恼应该用什么正确的方法,,,, 展开
 我来答
历史的掩映
2018-03-30 · 从历史的尘埃中找寻历史的真相。
历史的掩映
采纳数:753 获赞数:26102

向TA提问 私信TA
展开全部
  • 将多个html页面里引进相同的一个头部页面的方法如下:

  • 1. iframe 包含法。
    页头和页尾分别做成一个页面,然后通过iframe嵌入到调用的页面。这种方法在页头页尾高度固定的时候比较适用,因为当页头页尾高度不固定时,需要iframe根据页面内容自适应高度,比较麻烦。
    简单代码结构示例:
    <html>
    <head>
    <title>页面</title>
    <style type="text/css">
    .page{width:950px;margin:0 auto;}  
    </style>
    </head>
    <body>
    <div class="page">
    <iframe frameboder="0" scrolling="no" width="100%" height="80" src="head.html"></iframe>
    <div>页面内容</div>
    <iframe frameboder="0" scrolling="no" width="100%" height="80" src="foot.html"></iframe>
    </div>
    </body>
    </html>

  • 2. js包含法
    页头和页尾改成外接js的形式,通过documen.write输出或其它js的输出的方法。这种方法在页头页尾需要修改时,不利于修改,也不好还原原先的html结构。
    <html>
    <head>
    <title>页面</title>
    <style type="text/css">
    .page{width:950px;margin:0 auto;}  
    </style>
    </head>
    <body>
    <div class="page">
    <script type="text/javascript" href="head.js"></script>
    <div>页面内容</div>
    <script type="text/javascript" href="foot.js"></script>
    </div>
    </body>
    </html>

  • 3. shtml方法
    运用服务端的包含方法,只需在页面中使用服务端包含命令<!--#  include file="文件名称" -->,在被调用的页面嵌入页头和页脚即可。但此方法需要服务端支持ssi(server side include 服务端包含)功能。
    <html>
    <head>
    <title>页面</title>
    <style type="text/css">
    .page{width:950px;margin:0 auto;}  
    </style>
    </head>
    <body>
    <div class="page">
    <!--#include file="head.html" -->
    <div>页面内容</div>
    <!--#include file="foot.html" -->
    </div>
    </body>
    </html>

相大之0o358
2014-12-17 · TA获得超过210个赞
知道小有建树答主
回答量:131
采纳率:0%
帮助的人:121万
展开全部
1、新建一个header.html头部文件
2、在你说的多个html页面引入即可
示例:index.html文件引入公用头部header.html
在index.html文件开始加入:<include file="header.html" />
file内填写的是你需要引入的文件的详细地址,可以是相对地址,也可以是绝对地址!
更多追问追答
追问
出不来啊
追答
地址之类的对不对?贴出代码来....include标签最后的斜杠 / 不要忘记了
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
匿名用户
2014-12-17
展开全部
1、<jsp:include page="/common/wx_portalLeft.jsp">
<jsp:param value="" name="menu" />
</jsp:include>

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

3、<c:import url="${innerahstudyUrl}/course/manage/tutor!list.excsec?id=${curUser.id}">
<c:param name="tutorUserIds" value="${tutorIds}"></c:param>
</c:import>
追问
直接在html页面里可以引jsp吗,怎么出不来啊
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式