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

比如:
所有页面的底部都是一样的导航、备案信息。

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

    使用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>

温馨提示:答案为网友推荐,仅供参考
第1个回答  2012-12-27
1.将所有公共部分写成JS方式,如:
document.write("你的HTML内容")
保存为一个JS文件

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

其他方式:后台使用模板追问

请问怎么弄公共部分?

会调用了,但是很麻烦,在每个HTML下都要写。

第2个回答  2012-12-27
html静态页面,
一使用框架,二将代码写成js。追问

我的主页是index.html,如果要用js实现,具体该怎么做呢?

追答

网上可以找到【js转码】工具,然后在你的网页中适当位置引用:

本回答被网友采纳
第3个回答  2017-07-29
把底部做成模板,把用户控件,去调用,看你是用什么服务器语言开发的了,或者可以写一个js,把底部用js打出来,
第4个回答  2012-12-28
html做不到。
需要asp,jsp,php等技术

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网