如何为具有从其他.html文件导入的特定内容的网页建立链接？

Question

我有一个由6个.html页面组成的网站。主页面是（index.html），导航菜单中有一些<li>元素，用于从另一个.html文件导入内容，例如联系我们页面。

单击<li><a>Contact</a></li>时，导航菜单（页眉）和页脚将保持不变，只是它们之间的内容会更改为“contact.html”的内容。如果我访问主页然后点击导航菜单中的“联系方式”，它会运行良好，但如果我想直接访问此页面会怎么样？

例如，如果我访问www.mywebsite.com/contact，我会找到标题，联系页面内容和页脚。因为如果我访问www.mywebsite.com/contact.html，我会找到没有任何样式或任何东西的html内容。这是可能的，还是我需要为所有页面添加页眉和页脚代码？

Answer 1

这是一个让你开始DIY解决方案的想法。

1. 在每个单独的页面上，检查是否存在名为“router”的查询参数。 Here's a good way to check for that。
2. 如果没有此类查询参数，replace the window位置到索引页面，但具有相应的哈希值（例如，index.html #contact）
3. 在index.html页面中，使用hash拉入相应的页面，但确保在通过ajax加载时加载路由器参数（即，确保加载联系页面URL为contact.html？router = true）。