动态填充主页内容？

Question

是否有任何理由不让网页动态检索其主要内容？

例如，我有一个具有页眉和页脚的页面，并且该页面的中间是一个空的 div。当您单击标头中的按钮之一时，会在幕后完成 http GET，并且空 div 的 .innerHTML() 会被结果替换。

我想不出为什么这可能是一个坏主意，但我似乎找不到任何页面可以做到这一点？请指教！

Answer 1

这并非闻所未闻，但存在问题。

• 显而易见的是，一些用户出于安全原因关闭了 javascript，他们将根本无法使用您的网站。

• 它还会对使用屏幕阅读器等辅助技术的残障用户产生负面影响。

• 它会使浏览器更难有效地缓存您的静态内容，从而降低浏览体验。

• 它会使搜索引擎更难将您的内容编入索引。

• 它可能导致后退和前进按钮停止工作，除非采取特殊步骤使其工作。

  它可能导致后退和前进

• 调试问题也相当烦人，尽管如果您使用 Firebug 之类的工具，当然并非不可能。

  调试问题也相当烦人，尽管如果

我不会将它用于静态内容（普通网页），但对于动态更新的内容来说，这无疑是一种合理的方法。

Answer 2

如果您不需要额外的工作，它就会杀死后退和前进历史按钮，并且很难链接到每个按钮加载的页面。您必须实现某种 URL 更改机制，例如通过在 URL 的哈希中对最后单击的页面进行编码（例如，当您单击按钮时，您将重定向到 #page-2 或其他内容）。

它还会使禁用 JavaScript 的用户无法访问您的网站。良好网页设计的原则之一是“优雅降级”——使用 JavaScript、Flash 或 CSS 等高级功能增强您的网站，但即使它们被禁用，它们仍然可以工作。

Answer 3

两个注意事项：搜索引擎优化 (SEO) 和书签。

是否有直接的 URL 可以访问您的标题链接？如果是这样，你（几乎）没问题。例如，以下代码既适合 SEO，又可以根据您的需要填充您的页面：

<a href="seoFriendlyLink.html" onclick="populateOnTheFly(); return false;">Header Link</a>

当人们尝试为他们通过 JavaScript 加载的页面添加书签时，就会出现问题……这种情况不会发生。您可以将大部分潜在的推文、电子邮件推荐和头版 Digg/Reddit 文章扔出窗外。普通用户不知道如何链接到您的内容。

Answer 4

你在哪里读到这是一个坏主意？是否动态填充内容完全取决于要求。然而，在大多数情况下，内容不是随页面一起加载的，但如果您需要动态加载内容，那么这应该不是一个坏主意。

如果您的内容是通过 javascript 加载的，并且用户浏览器上禁用了 javascript，那么绝对这是一个坏主意。

Answer 5

我也想不出有什么不好的原因（除了可能的 SEO），一件事可能是一个好主意，那就是只加载一次数据。即

<a href="javascript: showdiv1()">Show Div1</a> - do ajax/whatever only if the innerhtml is blank

<a href="javascript: showdiv1()">Show Div2</a> - do ajax/whatever only if the innerhtml is blank

<div1></div>
<div2></div2>

这应该会降低服务器负载，因此 div 内容仅加载一次。

干杯

Answer 6

这是启用 ajax 的站点中相当标准的行为。

但请记住，需要付出额外的努力：

• 确保后退按钮正常工作
• 链接到（和书签）特定内容
• 支持禁用 JavaScript 的浏览器。