Javascript 无缝页面加载

我在这里看到了一些类似的问题，但我没有看到任何可能对我有帮助的东西。我正在创建一个网站，我希望每个页面在加载时淡入淡出，在有人单击链接时淡出。我已经用jQuery解决了这个问题，但是在加载页面之前，页面之间有一个白色的闪光。我尝试移动javascript，但在某些情况下页面加载不正确。我对此有点陌生，所以我可能需要对任何可能的解决方案进行一些解释

以下是现场直播：

---

HTML在4.01中有效。我听说过Ajax或分页之类的东西，但我不确定如何实现它们，也不确定我必须做些什么才能将其放到我的站点中，或者它是否是最理想的解决方案。谢谢你的帮助

您不应该只更新页面的一部分，而不是整个页面吗？现在您有了许多具有不同文件名的完整页面。页面地址会更改，因此整个页面都会加载。这就像用ctrl+r/cmd+r页面刷新当前页面一样，这不是很ajaxy

一种解决方案是使用母版页，其中包含页面之间的所有公共元素，如页眉、页脚和导航栏。在该页面上有一个div或其他区域，您可以在其中动态加载来自不同文件的信息。加载的信息可以通过锚标记或ajax表单按钮通过GET变量确定

例如，请参见此链接及其演示。

这是非常基本的，但它展示了不加载整个页面而只加载其中一部分的想法。添加一些样式，您就可以开始了

---

如果这没用，很抱歉。也许有一种方法可以在不使用白色闪光灯的情况下刷新整个页面。简单的解决方法是将背景颜色更改为白色，但同样，它也不是很ajaxy…

使用分页，当用户访问index.php时，您必须正确返回所有页面，然后当用户单击菜单中的链接时，您将使用javascript显示和隐藏正确的div，这在您的情况下是不好的，这会让用户等待整个站点，即使他不愿意查看所有站点

AJAX似乎是正确的方法，您可以使用jQuery加载方法轻松实现它。为了让您开始：

$(function(){
    $("a").click(function(e){
        e.preventDefault();
        $("#pageContent").load($(this).attr("href"));
    );
});

---

这将导致所有链接使用链接返回的内容替换pageContent div的内容，而不会闪烁屏幕。

您应该仔细检查代码，并在所有地方添加分号。你在大多数代码行中都缺少它们，这意味着你的网站将在非现代浏览器上崩溃。你是说javascript吗？我计划缩小它一旦我得到了网站代码完成，所以希望这将做的把戏，但谢谢你！我不会走捷径，我也会按照它应该被编写的方式来编写语言。我将代码添加到一个名为ex.php的页面，看看它是否能工作。我知道它只会复制其他文件中的内容，我需要编辑html才能完全工作，但代码似乎根本无法执行。取而代之的是，它加载了整个页面，而不是仅仅替换div。我最初选择了整个页面，因为我读了一篇文章，文章说搜索引擎很难找到用ajax构建的文件。我希望能够毫不费力地跳转到公文包页面，而不必首先浏览主页，但这段代码听起来似乎可以解决这个问题。该页面上的示例与我想要的非常接近，但当我单击一个链接时，它会重新加载我的内容，但当我再次单击它时，它会使用Google Chrome加载新内容。希望我能搜索一下Chrome中的错误。我通过你引用的网站找到了一个很好的解决方案@很高兴知道。我忘了谷歌关于动态创建页面的索引问题。我只在不允许搜索引擎的内部网中使用动态内容。。以下几篇文章可能会有所帮助：，