静态html如何包括header和footer ? - 知乎23被浏览4852分享邀请回答0添加评论分享收藏感谢收起var headerHtml = [
'&link ref=.........',
'&script src=........',
].join('');
document.write(headerHtml);
var footerHtml = [
'&footer.......',
'&script src=........'
].join('');
window.writeFooter = function(){
document.write(footerHtml);
23 条评论分享收藏感谢收起查看更多回答静态html如何包括header和footer ? - 知乎23被浏览4852分享邀请回答0添加评论分享收藏感谢收起在HTTP请求中，get方法是默认的，但在URL地址长度是有限的，请求方法能传送的数据也是有限的，一般get方法传递的数据不能大于2KB，当get请求方法传递的数据长度不能满足需求时，就需要采用另一种请求方法post，读取post方法传递过来的数据时，需要采用form方法来获取；post方法提交请求时，地址栏看不到传送过来的参数数据，更加有利于页面的安全，所以一般情况采用post方法传送页面数据。post传送的数据量较大，一般被默认为不受限制。但理论上，IIS5中最大量为100KB。
由于目前后台的接口采用的是Servlet来响应HTTP请求，所有的请求也必须遵循javaee servlet的规范。在Servlet 2.3及以后的版本中，已经默认增加了Filter处理，所以如果要在Servlet中的request对象能够自动读取post form的数据要满足以下条件：
1.request是HTTP/HTTPS request
2.HTTP method是POST。
3.content type是application/x-www-form-urlencoded。
在Delphi中有很多实体类可以实现HTTP请求，但比较方便的就是使用THTTPReqResp，比较原始的TIdHTTP类（需要自行管理cookie的值）。
因为THTTPReqResp自动封装了请求的细节处理，可以省去很多麻烦，特别是对Cookie的管理，但该对象发送请求的时候Header默认的content-type="text/xml"
所以要修改请求头的content-type才可以可以服务器端接收到post的数据。
要实现自定义Header需要在OnBeforePost事件中重定义Header信息
FHttpReq.OnBeforePost := BeforeP
通过替换的方式把原来的content-type改为想要的结果：
HttpAddRequestHeaders(Data, PChar(csCustomHeader), Length(csCustomHeader),
HTTP_ADDREQ_FLAG_REPLACE);
详细的代码如下：
{ -------------------------------------------------------------------------------
TDataSync.ModPassword
oldPass:原密码
newPass:新密码
true表示成功；false表示失败，失败时可以通过GetLastError获得错误信息
------------------------------------------------------------------------------- }
function TDataSync.ModPassword(oldPass, newPass: string):
url, content:
url := Format(URL_AltPass, [FWebSite, oldPass, newPass]);
content := GetResponseContent(url);
result := GetResponseState(content);
SetLastError('网络故障，更改用户密码失败！');
procedure TDataSync.BeforePost(const HTTPReqResp: THTTPReqR Data: Pointer);
csCustomHeader =
'Content-Type: application/x-www-form- charset=UTF-8';
HttpAddRequestHeaders(Data, PChar(csCustomHeader), Length(csCustomHeader),
HTTP_ADDREQ_FLAG_REPLACE);
function TDataSync.GetResponseContentPost(url:
const DataMsg: String):
strStream, strSend: TStringS
result := '';
strStream := TStringStream.Create('', TEncoding.UTF8);
strSend := TStringStream.Create(DataMsg, TEncoding.UTF8);
FHttpReq.url :=
FHttpReq.OnBeforePost := BeforeP
FHttpReq.Execute(strSend, strStream);
result := strStream.DataS
SetLastError('无效数据包，可能网络故障！');
strStream.F
// 重载简单接口调用
function TDataSync.GetResponseContent(url: string):
result := GetResponseContentPost(url, '');
function TDataSync.GetResponseState(strResponse: string):
jo: ISuperO
if strResponse = '' then
SetLastError('服务端无响应当前服务请求！');
jo := TSuperObject.ParseString(PWideChar(strResponse), false);
if jo = nil then
if jo['flag'] = nil then
SetLastError('未知的服务响应！');
code := jo['flag'].AsS
result := (code = QUERY_SUCC) or (code = OP_SUCC);
if jo['info'] && nil then
SetLastError(jo['info'].AsString)
if code = 'EMPLOYEECODE_EXIST' then
SetLastError('工号已存在')
else if code = 'EXCEED_MORE_THAN_LIMIT' then
SetLastError('超过公司的总人数')
SetLastError(code);
{ ------------------------------------------------------------------------------ }
constructor TDataSync.Create(AOwner: TSWO url, dicURL: string);
inherited Create(AOwner);
FWebSite :=
FDicSite := dicURL;
FHttpReq := THTTPReqResp.Create(AOwner);
FHttpReq.UseUTF8InHeader :=
destructor TDataSync.Destroy();
FHttpReq.F
阅读(...) 评论()各个网页如何把头部header.html和footer.html汇合进来呢。_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
各个网页如何把头部header.html和footer.html汇合进来呢。
我网站有很多静态页面，但是头部和尾部都是一样的，只是中间部分不一样而已。
现在我如何把头部和尾部分开来呢，这样会方便管理一点，比如我只修改header.html
footer.html 就可以修改所有页面的了，这样会省了很多时间去一个页面一个页面的修改。
具体调用方法如下：我们先来做头部调用吧，首先打开head.htm文件，我们呢首先要对导航进行调用，导航怎么调用呢就是用channel标签，下面看好。　　{dede:channel type='top' row='10'}　　&a href=&[field:typeurl/]&&[field:typename/]&/a&　　{/dede:channel}　　以上就是说名对顶级栏目调用10个，若是调用出来文字图片导航不能显示的话可以把a标签里面的图片代码页改成这样的格式，如：　　&img src=&[field:....]/&&因为{dede}标签里面只能使用[field标签]不能再嵌套{dede}。以上是对head.htm模板的调用，至于底部footer.htm的调用呢?蒋金龙介绍底部没什么内容也就是友情链接和版权信息之类，我们先把版权信息改好，然后调用友情链接。　　版权信息呢先把后台的版权信息改好，然后开始调用，{dede:global.cfg_powerby/}至于友情链接呢可以用{dede:flink/}标签。若调用不出来的话，去dede后台模板找到模板管理中的标签源码管理找到友情链接的也就是flink.lib.php把里面的&li&[field:link/]&/li&改成自己所需要的调用格式，比如&div align=&__&&&/div&等，改完之后如果网页打不开的话就把&&div align=&center& style=&....&&&/div&&里面的&&符号都去掉，就可以打开了。【注】①&head& 标签用于定义网页文档的头部，它是所有头部元素的容器。&head& 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。②&footer& 标签定义 section 或 document 的页脚。在典型情况下，该元素会包含创作者的姓名、文档的创作日期以及/或者联系信息。网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语言格式（标准通用标记语言的一个应用，文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。
采纳率：68%
foot.js&&&/head.js&&&/ src=&&#47.javascript&script&script& src=&/javascript&quot.html 都转换为JS在头和尾引用&script type=&text&#47框架可以 但是对搜索引擎不好1。可以使用JS &script type=&text&#47
本回答被网友采纳
title&&/head.html&--&&/ &;body&gt!--#include virtual=&/&body&&head&head&title&&/&html&gt用SSL 但这个得让服务器,如&tpl/&lt
为您推荐：
其他类似问题
等待您来回答html中header的内容
信息来源：
&!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
http-equiv="Content-Type" content="text/
charset=gb2312"&&!--设置网页的文件编码--&
http-equiv="expires" content="
18:00:00"&&!--脱机浏览的过期时间--&
http-equiv="pragma"
content="no-cache"&&!--禁止网页从缓存中读取--&
http-equiv="Refresh"
content="5;/luan123/"&&!--网页重新定向--&
http-equiv="set-cookie" content="
18:00:00"&&!--设置网页的cookie过期时间--&
http-equiv="Window-target"
content="_top"&&!--设置网页中链接的目标窗口--&
http-equiv="Page-Enter"
content="revealTrans(duration=1000000,transition=)"&&!--设置网页的打开效果--&
http-equiv="Page-Exit"
content="revealTrans(duration=1000000,transition=)"&&!--设置网页的关闭效果--&
&meta name="keywords"
content="overmind,zerg,protoss"&&!--设置网页的关键字，搜索的时候优先！！！重要！！！
该数据被搜索引擎编入索引--&
&meta name="description"
content="哈哈哈哈哈"&&!--插入描述
搜索时被搜索引擎编入索引--&
&title&无标题文档&/title&
信息来源：
HTTP（HyperTextTransferProtocol）是超文本传输协议的缩写，它用于传送WWW方式的数据，关于HTTP协议的详细内容请参考RFC2616。HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求，请求头包含请求的方法、URI、协议版本、以及包含请求修饰符、客户信息和内容的类似于MIME的消息结构。服务器以一个状态行作为响应，相应的内容包括消息协议的版本，成功或者错误编码加上包含服务器信息、实体元信息以及可能的实体内容。
通常HTTP消息包括客户机向服务器的请求消息和服务器向客户机的响应消息。这两种类型的消息由一个起始行，一个或者多个头域，一个只是头域结束的空行和可选的消息体组成。HTTP的头域包括通用头，请求头，响应头和实体头四个部分。每个头域由一个域名，冒号（:）和域值三部分组成。域名是大小写无关的，域值前可以添加任何数量的空格符，头域可以被扩展为多行，在每行开始处，使用至少一个空格或制表符。
通用头域包含请求和响应消息都支持的头域，通用头域包含Cache-Control、
Connection、Date、Pragma、Transfer-Encoding、Upgrade、Via。对通用头域的扩展要求通讯双方都支持此扩展，如果存在不支持的通用头域，一般将会作为实体头域处理。下面简单介绍几个在UPnP消息中使用的通用头域。
Cache-Control头域
Cache-Control指定请求和响应遵循的缓存机制。在请求消息或响应消息中设置
Cache-Control并不会修改另一个消息处理过程中的缓存处理过程。请求时的缓存指令包括no-cache、no-store、max-age、
max-stale、min-fresh、only-if-cached，响应消息中的指令包括public、private、no-cache、no-
store、no-transform、must-revalidate、proxy-revalidate、max-age。各个消息中的指令含义如下：
Public指示响应可被任何缓存区缓存。
Private指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息，此响应消息对于其他用户的请求无效。
no-cache指示请求或响应消息不能缓存
no-store用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存。
max-age指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应。
min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应。
max-stale指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息。
Date头域表示消息发送的时间，时间的描述格式由rfc822定义。例如，Date:Mon,31Dec:57GMT。Date描述的时间表示世界标准时，换算成本地时间，需要知道用户所在的时区。
Pragma头域
Pragma头域用来包含实现特定的指令，最常用的是Pragma:no-cache。在HTTP/1.1协议中，它的含义和Cache-
Control:no-cache相同。
请求消息的第一行为下面的格式：
MethodSPRequest-URISPHTTP-VersionCRLFMethod
表示对于Request-URI完成的方法，这个字段是大小写敏感的，包括OPTIONS、GET、HEAD、POST、PUT、DELETE、
TRACE。方法GET和HEAD应该被所有的通用WEB服务器支持，其他所有方法的实现是可选的。GET方法取回由Request-URI标识的信息。
HEAD方法也是取回由Request-URI标识的信息，只是可以在响应时，不返回消息体。POST方法可以请求服务器接收包含在请求中的实体信息，可以用于提交表单，向新闻组、BBS、邮件群组和数据库发送消息。
SP表示空格。Request-URI遵循URI格式，在此字段为星号（*）时，说明请求并不用于某个特定的资源地址，而是用于服务器本身。HTTP-
Version表示支持的HTTP版本，例如为HTTP/1.1。CRLF表示换行回车符。请求头域允许客户端向服务器传递关于请求或者关于客户机的附加信息。请求头域可能包含下列字段Accept、Accept-Charset、Accept-
Encoding、Accept-Language、Authorization、From、Host、If-Modified-Since、If-
Match、If-None-Match、If-Range、If-Range、If-Unmodified-Since、Max-Forwards、
Proxy-Authorization、Range、Referer、User-Agent。对请求头域的扩展要求通讯双方都支持，如果存在不支持的请求头域，一般将会作为实体头域处理。
典型的请求消息：
GET http://download.microtool.de:80/somedata.exe
Host: download.microtool.de
Accept:*/*
Pragma: no-cache
Cache-Control: no-cache
Referer: http://download.microtool.de/
User-Agent:Mozilla/4.04[en](Win95;I;Nav)
Range:bytes=554554-
上例第一行表示HTTP客户端（可能是浏览器、下载程序）通过GET方法获得指定URL下的文件。棕色的部分表示请求头域的信息，绿色的部分表示通用头部分。
Host头域指定请求资源的Intenet主机和端口号，必须表示请求url的原始服务器或网关的位置。HTTP/1.1请求必须包含主机头域，否则系统会以400状态码返回。
Referer头域
Referer头域允许客户端指定请求uri的源资源地址，这可以允许服务器生成回退链表，可用来登陆、优化cache等。他也允许废除的或错误的连接由于维护的目的被追踪。如果请求的uri没有自己的uri地址，Referer不能被发送。如果指定的是部分uri地址，则此地址应该是一个相对地址。
Range头域可以请求实体的一个或者多个子范围。例如，
表示头500个字节：bytes=0-499
表示第二个500字节：bytes=500-999
表示最后500个字节：bytes=-500
表示500字节以后的范围：bytes=500-
第一个和最后一个字节：bytes=0-0,-1
同时指定几个范围：bytes=500-600,601-999
但是服务器可以忽略此请求头，如果无条件GET包含Range请求头，响应会以状态码206（PartialContent）返回而不是以200
User-Agent头域
User-Agent头域的内容包含发出请求的用户信息。
响应消息的第一行为下面的格式：
HTTP-VersionSPStatus-CodeSPReason-PhraseCRLF
HTTP-Version表示支持的HTTP版本，例如为HTTP/1.1。Status-
Code是一个三个数字的结果代码。Reason-Phrase给Status-Code提供一个简单的文本描述。Status-Code主要用于机器自动识别，Reason-Phrase主要用于帮助用户理解。Status-Code的第一个数字定义响应的类别，后两个数字没有分类的作用。第一个数字可能取5个不同的值：
1xx:信息响应类，表示接收到请求并且继续处理
2xx:处理成功响应类，表示动作被成功接收、理解和接受
3xx:重定向响应类，为了完成指定的动作，必须接受进一步处理
4xx:客户端错误，客户请求包含语法错误或者是不能正确执行
5xx:服务端错误，服务器不能正确执行一个正确的请求
响应头域允许服务器传递不能放在状态行的附加信息，这些域主要描述服务器的信息和
Request-URI进一步的信息。响应头域包含Age、Location、Proxy-Authenticate、Public、Retry-
After、Server、Vary、Warning、WWW-Authenticate。对响应头域的扩展要求通讯双方都支持，如果存在不支持的响应头域，一般将会作为实体头域处理。
典型的响应消息：
HTTP/1.0200OK
Date:Mon,31Dec:57GMT
Server:Apache/1.3.14(Unix)
Content-type:text/html
Last-modified:Tue,17Apr:28GMT
Etag:"a030f020ac7c01:1e9f"
Content-length:
Content-range:bytes80
上例第一行表示HTTP服务端响应一个GET方法。棕色的部分表示响应头域的信息，绿色的部分表示通用头部分，红色的部分表示实体头域的信息。
Location响应头
Location响应头用于重定向接收者到一个新URI地址。
Server响应头
Server响应头包含处理请求的原始服务器的软件信息。此域能包含多个产品标识和注释，产品标识一般按照重要性排序。
请求消息和响应消息都可以包含实体信息，实体信息一般由实体头域和实体组成。实体头域包含关于实体的原信息，实体头包括Allow、Content-
Base、Content-Encoding、Content-Language、
Content-Length、Content-Location、Content-MD5、Content-Range、Content-Type、
Etag、Expires、Last-Modified、extension-header。extension-header允许客户端定义新的实体头，但是这些域可能无法未接受方识别。实体可以是一个经过编码的字节流，它的编码方式由Content-Encoding或Content-Type定义，它的长度由Content-Length或Content-Range定义。
Content-Type实体头
Content-Type实体头用于向接收方指示实体的介质类型，指定HEAD方法送到接收方的实体介质类型，或GET方法发送的请求介质类型
Content-Range实体头
Content-Range实体头用于指定整个实体中的一部分的插入位置，他也指示了整个实体的长度。在服务器向客户返回一个部分响应，它必须描述响应覆盖的范围和整个实体长度。一般格式：
Content-Range:bytes-unitSPfirst-byte-pos-last-byte-pos/entity-legth
例如，传送头500个字节次字段的形式：Content-Range:bytes0-
499/1234如果一个http消息包含此节（例如，对范围请求的响应或对一系列范围的重叠请求），Content-Range表示传送的范围，
Content-Length表示实际传送的字节数。
Last-modified实体头
Last-modified实体头指定服务器上保存内容的最后修订时间。
服务器支持哪些请求方法（如GET、POST等）。
Content-Encoding
文档的编码（Encode）方法。只有在解码之后才可以得到Content-Type头指定的内容类型。利用gzip压缩文档能够显著地减少HTML文档的下载时间。Java的GZIPOutputStream可以很方便地进行gzip压缩，但只有Unix上的Netscape和Windows上的IE
5才支持它。因此，Servlet应该通过查看Accept-Encoding头（即request.getHeader("Accept-Encoding")）检查浏览器是否支持gzip，为支持gzip的浏览器返回经gzip压缩的HTML页面，为其他浏览器返回普通页面。
Content-Length
表示内容长度。只有当浏览器使用持久HTTP连接时才需要这个数据。如果你想要利用持久连接的优势，可以把输出文档写入ByteArrayOutputStram，完成后查看其大小，然后把该值放入Content-Length头，最后通过byteArrayStream.writeTo(response.getOutputStream()发送内容。
Content-Type
表示后面的文档属于什么MIME类型。Servlet默认为text/plain，但通常需要显式地指定为text/html。由于经常要设置Content-Type，因此HttpServletResponse提供了一个专用的方法setContentTyep。
当前的GMT时间。你可以用setDateHeader来设置这个头以避免转换时间格式的麻烦。
应该在什么时候认为文档已经过期，从而不再缓存它？
Last-Modified
文档的最后改动时间。客户可以通过If-Modified-Since请求头提供一个日期，该请求将被视为一个条件GET，只有改动时间迟于指定时间的文档才会返回，否则返回一个304（Not
Modified）状态。Last-Modified也可用setDateHeader方法来设置。
表示客户应当到哪里去提取文档。Location通常不是直接设置的，而是通过HttpServletResponse的sendRedirect方法，该方法同时设置状态代码为302。
表示浏览器应该在多少时间之后刷新文档，以秒计。除了刷新当前文档之外，你还可以通过setHeader("Refresh",
"5; URL=http://host/path")让浏览器读取指定的页面。
注意这种功能通常是通过设置HTML页面HEAD区的＜META HTTP-EQUIV="Refresh"
CONTENT="5;URL=http://host/path"＞实现，这是因为，自动刷新或重定向对于那些不能使用CGI或Servlet的HTML编写者十分重要。但是，对于Servlet来说，直接设置Refresh头更加方便。
注意Refresh的意义是“N秒之后刷新本页面或访问指定页面”，而不是“每隔N秒刷新本页面或访问指定页面”。因此，连续刷新要求每次都发送一个Refresh头，而发送204状态代码则可以阻止浏览器继续刷新，不管是使用Refresh头还是＜META
HTTP-EQUIV="Refresh" ...＞。
注意Refresh头不属于HTTP 1.1正式规范的一部分，而是一个扩展，但Netscape和IE都支持它。
服务器名字。Servlet一般不设置这个值，而是由Web服务器自己设置。
Set-Cookie
设置和页面关联的Cookie。Servlet不应使用response.setHeader("Set-Cookie",
...)，而是应使用HttpServletResponse提供的专用方法addCookie。参见下文有关Cookie设置的讨论。
WWW-Authenticate
客户应该在Authorization头中提供什么类型的授权信息？在包含401（Unauthorized）状态行的应答中这个头是必需的。例如，response.setHeader("WWW-Authenticate",
"BASIC realm=＼"executives＼"")。
注意Servlet一般不进行这方面的处理，而是让Web服务器的专门机制来控制受密码保护页面的访问（例如.htaccess）。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。}