如何为从其他.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”的查询参数。 下面是检查是否有一个很好的方式 。
2. 如果没有这样的查询参数， 则将窗口位置替换为索引页面，但使用适当的哈希值（例如index.html＃contact）
3. 在index.html页面，使用哈希在相应的页面来拉，但要确保当你通过你的路由器的参数加载AJAX加载（即，确保加载的联系页面的URL作为contact.html？路由器= true）。