如何让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等技术

如何让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"><\/scr...

如何在一个HTML文件中调用另一个文件的内容
两种方法 1如果没有具体要求 可以用 iframe 包网页的形式。2如果没有跨域 可以使用 <!--#include file="需要的页面名字.html" -->

将多个html页面里引进相同的一个头部页面,应该怎么做
1. iframe 包含法。页头和页尾分别做成一个页面,然后通过iframe嵌入到调用的页面。这种方法在页头页尾高度固定的时候比较适用,因为当页头页尾高度不固定时,需要iframe根据页面内容自适应高度,比较麻烦。简单代码结构示例:<html> <head> <title>页面<\/title> <style type="text\/css"> .page{width:...

如何在Dreamweaver中的一个页面引用另外一个页面的内容
用一条语句就可以了,不过要注意两张页面的变量不能重复,比如我要调用top.asp,就在要调用的地方写上<!--#include file="top.asp"--> 不过要注意top.asp 页面里面的代码有写要删除,变量重复了会冲突的

我想在html中引用另一个html文件中的一个div标签里的内容,来显示头部结 ...
<\/html> 一、我们看一下多个html文件 这里,把头部top.html和底部foot.html两个单独写出来了,接下来就是如何把他们都写在index.html里面,确保在浏览首页的时候,页面调取正常 二、再看一下写在index.html里的位置和样式 中间是主体展示内容 三、需要注意的就是,调取top.html和foot.html的时候要给...

怎么在一个html网页的div层里(无内容)引用另一个Html文件呀?
可以使用<!-- #include file="test.html" --> 这样来引入,或者 $("#div").load("test.html");这样来动态加载,方法还是有很多的,再或者用ifream来进行网页嵌入等等。。。相见即是缘分,刚看到这个问题就来多嘴一下!

怎么将多个html页面做成一个文件
通过嵌套iframe 实现将多个页面集成在一个页面上 <script type="text\/javascript"> (function () { document.getElementById("ifm").src ="";\/\/Url地址 ("#ifm").load(function () { var h = document.body.clientHeight;var w = document.body.clientWidth;document.getElementById("ifm")....

html网页中如何调用另一个html网页的一部分
两种方法 1.使用iframe框架,并且附加css样式,让他的margin属性为负值,恰好到右边那条那里即可 2.使用xmlhttp异步获取另一页面源代码,取出右边那条的内容,动态加载在本页

这个静态html页面是如何调用公共页头页尾的?
因此,通常,大家都是使用动态程序制作网站(分离模板,header+页面+sidebar+footer)。然后使用静态程序生成静态缓存(把动态程序拼接的内容保存为html文件,亦称“真静态”)。还有一种是解析URL的,就是,URL中提供一系列的参数,程序会提取这些参数,用来执行页面显示,其后缀可有可无可变更(仅仅是一个...

如何让所有网页共享同一个CSS?
首先将css写入一个单独的样式文件,比如style.css,然后在所有需要此样式的页面导入此样式 如楼上的说法:<link rel="stylesheet" type="text\/css" href="mystyle.css"> 现在很多网站为了让页面基本样式风格统一,都会创建一个默认的样式表,这个样式表会在所有页面载入,相当于页面初始化样式的意思,...

相似回答