Question

我有一个经典的问题，即有一个网站，我想保持标题和菜单div总是相同，然后让用户输入菜单上的conent div改变。

这是我用php做的，它很好，但当然每次内容div改变时整个页面都会刷新。这样会很好，因为刷新整个页面非常快......除了徽标！所以我希望只有标题保持不刷新（徽标保持良好和静态）。

一个解决方案是只使用Ajax刷新内容div，我知道，但据我所知（特别是如果你想要你的内容可索引），你在网址中得到主题标签，加上搜索引擎索引是有点复杂（see here）

我发现一些网站似乎“冻结”了菜单，而页面的其余部分发生了变化，网址完全像基本的html。例如http://www.dfab.arch.ethz.ch/注意左手白色矩形区域在点击另一个菜单和简单网址时是如何刷新的。知道怎么做的吗？谢谢。

Answer 1

我能理解您提到的网站：http://www.dfab.arch.ethz.ch/不使用任何异步。它使用普通的JavaScript来预加载大背景图像，这不会评估您的问题：

<script language="JavaScript">
<!--
   function BilderVorladen() {
    document.Vorladen = new Array();
    if(document.images) {
        for(var i = 0; i < BilderVorladen.arguments.length; i++) {
            document.Vorladen[i] = new Image();
            document.Vorladen[i].src = BilderVorladen.arguments[i];
        }
    }
}
//-->
</script>

原始问题的可能解决方案是：HTML iframe（有点丑陋和discouraged by google）或者如果您希望在没有ajax hacks的情况下保持异步方法，那么您的解决方案肯定是websockets（请参阅{{ 3}}对于IE polyfills），但这也不会缓解SEO。

老实说，他们看起来像是一个缓慢加载徽标的过度杀伤。我宁愿改变方法并减少img大小和/或格式，并确保img得到缓存，因此必须在第一次下载（通常是非常可接受的延迟）。

刷新内容而不刷新页面并使用漂亮的网址（没有主题标签＃ - 没有问号？）

1 个答案: