javascript - 没有 ".html"的情况下导航

标签 javascript html directory navigation

这是我当前的根:

main
    → index.html
    → page1.html

我想在单击按钮时在page1.html上导航用户。但是,我不想要的是包含 page1.html 的 url。它应该有 page1

例如,查看来自discord的此链接:https://discord.com/app
它们没有 /app.html ,而是 /app ,这使得用户更容易理解导航。 https://stackoverflow.com/tags 类似。
我想使用纯 HTML 和/或 JS 来实现这一点。我正在寻找最有效、最快的方法来实现这一目标。

最佳答案

可以使用 .htaccess 文件删除 .html 扩展名 注意:文件的全名就是 .htaccess

您必须执行以下步骤:

  1. 登录 cPanel 帐户。

  2. 在"file"部分中,单击“文件管理器”图标。

  3. 点击右上角的“设置”按钮。

  4. 如果您想在主域中进行更改,请单击 Web 根旁边的单选按钮。如果要对其他域进行更改,请单击下拉菜单并找到要进行更改的域。

  5. 请记住选中“显示隐藏文件”旁边的复选框。现在单击“保存”按钮返回到“文件管理器”窗口。

  6. 现在您位于已选择进行更改的域的根文件夹中。搜索 .htaccess 文件并右键单击它。单击菜单中的编辑选项。您现在可以将代码添加到 .htaccess 文件中。

    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^([^\.]+)$ $1.html [NC, L]
    

点击保存更改关闭

关于javascript - 没有 ".html"的情况下导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/74334211/

相关文章:

javascript - 如何根据数据库值显示设置访问权限和显示/隐藏div

html - Bootstrap - 更改行和列的顺序

html - 带 emmet 的下拉菜单

C++ 生成文件。 .o 在不同的子目录中

javascript - 在几秒钟内转换 HH MM SS

javascript - 尝试将数据放入 MongoDB 时无法读取未定义的属性 'insert'

javascript - 在页面上的几个 Bootstrap 弹出窗口中,我需要一个可滚动的

.net - DirectoryInfo.Exists 在 MSTest 期间总是返回 false

directory - SFTP 目录列表到本地 txt 文件

javascript - 无法迭代某些页面中的数组