Javascript 将标题或工具栏插入页面的最佳实践？

我们的webapp允许客户查看其网站上页面的历史快照。我们希望在页面顶部（类似digg或linkedin工具栏）插入一个标题，其中包含快照时间、url和各种其他指标等数据

我们希望这些页面尽可能接近其原始状态

那么，在尽可能保留页眉的同时，向页面添加页眉的最佳方法是什么呢

我们已经研究过的潜在方法：

• 将缓存页粘贴到iframe中。然而，数量惊人的网站包含框架破坏代码，我们不想做任何像试图阻止这样的黑客行为

• 将绝对/固定位置的div添加到具有高z索引的页面顶部。这种方法的问题是a）你的一些样式可能会被改写，b）在DOM负载上运行的javascript可能会影响你的html/ccs（例如，Plone-powered站点将类和样式添加到所有表中）c）不同的doctype或缺少doctype可能会影响我们的css（是的，就是看着你）

• 将绝对定位的iframe添加到具有高z索引的页面顶部。这可以避免我们的html/css被破坏或修改。然而，我们仍然存在DOCTYPE问题——我们希望它处于静态位置，而IE7在Quirksmode中不支持这一点

---

有什么想法吗？谢谢

为什么要使用高度为100px的横幅？我看到了其他一些可能性：

您不能使用指向弹出窗口或包含更多信息的页面的链接吗

或者，如果你把它悬停在空中，就把它拉出来

---

这样，它就不会掩盖网站的大部分内容。

如果您控制指向存档版本的链接，则可以添加代理url。让该URL在一个框架中打开正确的html。这很像谷歌缓存：

显示类似pagearchive.html的链接列表？版本=43234324

让pagearchive.html成为一个html页面，其iframe从顶部开始以100px的速度运行。version=43234324部分可以让您在框架中打开正确的url

---

出于同样的原因，Digg和Linked也会这样做。更不用说这是一个要求。我不确定我是否理解-这对那些框架中断的网站有什么帮助？使用框架的一个问题是人们可以使用“框架拦截器”。当然，您可以从源页面中删除所有JS（从而禁用framebuster），但是如果您希望使源页面尽可能接近原始页面，则删除源JS可能不是一个选项。