如何让html所有页面共同调用一个底部文件? 50

比如:所有页面的底部都是一样的导航、备案信息。... 比如:
所有页面的底部都是一样的导航、备案信息。
展开
 我来答
逗比笑哈哈
2017-08-20 · 传播正能量,分享快乐!
逗比笑哈哈
采纳数:155 获赞数:983

向TA提问 私信TA
展开全部

关于这个问题常规的实现方法有两种!

  • 使用js调用公共部分的代码,插入到HTML文件中。

如代码:

<!doctype html>
<html>    
<head>       
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />      
<title></title>      
</head>    
<body>    
<!--header.js里面调用你所需要的公共头部的页面代码--><script type="text/javascript" src="/js/header.js"></script>  
<!--页面主题部分-->    
<!--footer.js里面调用你所需要的公共头部的页面代码--><script src="/js/footer.js"></script>    
</body>    
</html>
  • 使用PHP或其他后台语言调用(smarty模板引擎)。

    代码以dedecms的程序为例:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}">
         
            <meta name="mobile-agent" content="format=html5; url={dede:global.cfg_wapurl/}">
            <link rel="alternate" media="only screen and(max-width: 640px)" href="{dede:global.cfg_wapurl/}" >
    <title>{dede:global.cfg_webname/}</title>

    {dede:include filename="head.htm"/}<!--调用的公共页面头部-->

    <!--网页主体部分-->
    {dede:include filename="footer.htm"/}<!--调用的公共页面底部-->
    </html>
godinline
2012-12-27
知道答主
回答量:13
采纳率:0%
帮助的人:6.5万
展开全部
1.将所有公共部分写成JS方式,如:
document.write("你的HTML内容")
保存为一个JS文件

2.在你的所有页面下引用这个JS

其他方式:后台使用模板
追问
请问怎么弄公共部分?

会调用了,但是很麻烦,在每个HTML下都要写。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
popmoon
2012-12-27 · TA获得超过9994个赞
知道大有可为答主
回答量:4464
采纳率:30%
帮助的人:3528万
展开全部
html静态页面,
一使用框架,二将代码写成js。
追问
我的主页是index.html,如果要用js实现,具体该怎么做呢?
追答
网上可以找到【js转码】工具,然后在你的网页中适当位置引用:
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
ijunxiong
2017-07-29 · 超过37用户采纳过TA的回答
知道小有建树答主
回答量:171
采纳率:100%
帮助的人:45.3万
展开全部
把底部做成模板,把用户控件,去调用,看你是用什么服务器语言开发的了,或者可以写一个js,把底部用js打出来,
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友eb493d7
2012-12-28 · TA获得超过218个赞
知道小有建树答主
回答量:351
采纳率:100%
帮助的人:145万
展开全部
html做不到。
需要asp,jsp,php等技术
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(6)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式