Javascript 如何修复链接引导模板？

我正在尝试使用模板。当用户按About.html但保存导航菜单栏时，我想加载不同的内容

但是当我把href改为

---

并将about.html与index.html放在同一个文件夹中。它在本地根本不起作用，就像它试图打开一样file://about.html 这显然是一条错误的道路。我应该将index.html的内容复制到about.html，还是只能使用bootstrap加载其内容div？

您应该将扩展名也放在href中。你可以在同一个文件夹中有一个about.html和一个about.php。 就像这样，如果文件在同一个文件夹中，则必须添加路径

<a class="nav-link" href="about.html">About</a>

---

可能是您的根目录不同。因为哪个浏览器正在错误的目录中查找文件。要解决这个问题，您可以选择如下所示的点运算符，它告诉浏览器在当前目录中查找about.html文件

使用点运算符的解决方案：

---

可能是您的根目录不同。你能试试@KiranDash吗？成功了！那我应该把index.html的内容复制到about.html呢，还是我只能用bootstrap来加载它的content div呢？这取决于你想构建什么样的应用程序。如果您正在构建一个多页应用程序，请创建一个类似about.html的新文件，然后复制内容并进行调整。您建议的加载content div的方法可以通过多种方式实现：例如将内容放入index.html本身，并根据单击事件显示/隐藏。但是看看您的问题，您似乎正在构建一个多页面的应用程序。所以，让我们保持简单，用新的内容构建新的页面。不要忘记在问题结束时将下面的任何答案标记为正确答案。干杯

<a class="nav-link" href="about.html">About</a>

<a class="nav-link" href="./about.html">About</a>