Javascript 动态更改页面与2个静态页面之间的差异

我想建立一个网站，询问用户是男性还是女性，然后使用该信息更改页面上的所有代词以匹配用户选择。因此，如果您输入male，那么页面将更改所有个人引用（他、他的、他等）。我的选择是：1）构建2个站点，让用户输入将用户引导到正确的站点；或2）构建一个站点，根据用户输入动态更改

---

从性能成本和带宽成本的角度来看，哪一个是更好的选择

如果您只考虑性能和带宽，那么最好有两个静态页面：代理和浏览器可以缓存页面，这两者都有帮助。这还是更好的方法吗？嗯，这取决于你的维护计划。你会经常更新网页吗？在这种情况下，您需要确保始终将更新应用于两个页面。

选项“2”，使用轻量级javascript，对服务器的调用更少，但使用jQuery（#id”）。只加载（“page.php”）需要更改的html的一部分

我相信KISS原则。拥有两个JSP页面没有什么错。它干净易读。然而，在您的例子中，一个简单的jQuery函数，由他们输入他/她启动，并不难维护。性能会很好，带宽也会更好（因为您正在使用脚本更改文本客户端）。

此站点是否计划增加功能？例如，您是否需要在某一天要求选择语言，并以用户的语言呈现用户的内容？对于一个简单的双语网站，你需要4页（2种语言x 2种性别）

如果需要根据区域选择显示某些数据，则必须将页数再次乘以区域数

---

静态页面对于不变的页面非常有效，但是如果您需要在将来为自己留出增长空间并添加更多功能，那么根据用户选择的标准提取内容的动态生成的页面更容易维护。

我根本不会为此使用JavaScript。我会向用户请求性别，并在服务器端处理代词的确定。通过模板化内容中的代词，您可以在提供页面之前进行简单的搜索和替换，这将简化维护。

您可以使用CSS进行搜索-例如页面的HTML中有：

[span class=“male”]他[/span][span class=“female”]她[/span]

。。。然后根据用户选择切换CSS样式表，将选择记录在cookie中

一个样式表将具有：

span.male{显示：无} span.female{display:inline}

另一个是：

span.male{display:inline} span.female{显示：无}

---

你明白了…

这是一个页面还是整个站点？因为您同时提到了这两个。这将适用于整个网站的多个页面。在用户选择之前，您计划使用什么作为默认页面？一个模棱两可的选项，或者选择一个现有的性别？选择将出现在主页上。你不能再往前走了。选择将以主页上的链接的形式进行。我不会更改这些页面的内容，但我将添加新页面，这意味着在将来为添加的每个页面编写两个版本。