我想生成我的网页，其中包含从单个文件中获取的页眉/页脚的一些内容。
我没有服务器端支持，我想避免使用 iframe、javascript、css 技巧来解决这个问题
我只需要一种软件模板，我可以在通过 ftp 上传之前“编译”我的静态 html 页面
有这样的吗？你是如何解决这个问题的？
谢谢
【问题讨论】：
I'd like to avoid iframes, javascript, css 不考虑 iframes.. 您想为您的网页使用用户代理样式表吗？
【讨论】：
如果您使用 include 过程创建 php 文件以包含页眉和页脚内容，然后使用 php 命令运行它们，它会将 html 输出到标准输出
【讨论】：
MovableType 有静态文件发布模式
【讨论】：
嗯，我使用 Microsoft 的一个名为 Expression Studio 4 的程序。它允许我创建带有页眉、页脚和其他我知道是静态的东西的网站模板。
我想这就是你想要的。 Youtube Video 因为你想在上传到网络服务器之前创建它。
【讨论】：
使用 iframe 标签。搜索 iframe 的 JQuery 插件，例如 http://jframe.co.uk/
或者您可以使用 javascript 模板引擎。例如https://github.com/BorisMoore/jquery-tmpl
更新 1：
您可以将页面的静态部分（例如页眉和页脚）放在模板中，并在加载页面上将其呈现在 body 中的某个标签上。
或
只需将标头的 HTML 代码保存在 js 文件中的变量中。并在 onload 设置标题内部 HTML 。
第 1 页
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="layout.js" ></script>
</head>
<body>
<div id="content">page 1</div>
</body>
</html>
第 2 页
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="layout.js" ></script>
</head>
<body>
<div id="content">
page 2
</div>
</body>
</html>
layout.js
function mylayout(){
var _body = document.getElementsByTagName('body') [0];
var s = '<li>text</li>';
var header_div = document.createElement('div');
header_div.innerHTML = "<p> this is <b style=\"color: blue\"> header</b><br><a href=\"page1.htm\">page1</a> <a href=\"page2.htm\">page2</a></p>";
var footer_div = document.createElement('div');
footer_div.innerHTML = "<p> this is <b style=\"color: red\"> footer</b></p>";
if (_body.firstChild){
_body.insertBefore(header_div, _body.firstChild);
}else{
_body.appendChild(header_div);
}
_body.appendChild(footer_div);
}
window.onload = function() {
mylayout();
};
【讨论】：