javascript - 网站浏览页面的最佳方式

Question

我是 Javascript 新手，我正在练习制作自己的网站。我想要一个建议，这是浏览页面的最佳方式。我有

• 索引.html
• 页面/home.html
• 页面/about.html
• 页面/contact.html

最简单的方法是每个页面的链接，但这意味着我需要通过一直复制粘贴相同的代码来回复相同的模板到每个页面（我不认为它真的很聪明）。此外，我的网站的 URL 将是，例如www.mysite.con/pages/about.html ，它不是很优雅；我想要更多类似www.mysite.com/about的内容（没有“.html”）。

我还尝试使用 JQuery 中的 load() 函数，这样我就有了我的索引页面

<div id="pageContentHere"></div>

并通过 JQuery 将页面内容加载到 div 中；这非常有用，因为我只写了一个模板，但我的 URL 将始终是www.mysite.com，如果有人想直接转到 about 页面，则没有 URL 可以链接。

你能建议我如何以更聪明的方式做吗？

标签： javascripthtmljquerycss

Answer 1

首先，感谢您注意到当前实施中的一些问题。最近的一种方法（尽管有人可能认为是重量级的）是单页应用程序的想法。React是 SPA 框架的一个示例，还有GatsbyJS，它可能更适合像您这样的静态站点。它们为您提到的两个问题提供解决方案，例如客户端路由和可重用组件。

您还可以查看 JavaScript 模板引擎（请参阅此答案）。