url - URL 中的符号替换 : What to do when replacement already exists in input?

Question

如果您能想出更好的标题，请随时进行编辑。

我正在尝试创建一个简单的 JavaScript 系统，该系统根据 URL 的 #fragment 标识符(又名哈希)显示某个漫画。

当在这个散列中使用空格或类似的特殊字符时，它们将通过 URL 编码转换为 %20 或类似的序列。

这看起来不太好。因此，当您想通过 URL 中的标题引用某个漫画、博客文章等时，我相信将所有空格和其他 URL 不安全字符替换为不同的 URL 安全符号是很常见的。事实上，StackOverflow 也这样做。

但是，当我想替换它的符号也存在于输入字符串中时，我该怎么办？

例如，当我将所有空格 ( ) 替换为连字符 (-) 时，如何处理现有的连字符？

Answer 1

另一种解决方案是以类似于 Stack Overflow 的方式实现它。包括 两者 URL 中的内部标识符和“用户友好”标识符。例如，这是此问题的“标准”链接:

http://stackoverflow.com/questions/14543452/symbol-substitution-in-urls-what-to-do-when-replacement-already-exists-in-input

但以下链接也同样有效:

http://stackoverflow.com/questions/14543452/this-part-of-the-address-is-just-to-look-nice

您可以做一些类似的事情，为每部漫画包含某种标识符(可能是一个序列号)和用户友好的名称，例如:example.com/comics/#42-the-forty-second-comic-title。

这个系统有很多好处:

它很容易实现——只需解析第一个破折号 (-) 之前的片段部分，并使用它来构建特定漫画的 URL

它允许您提供 permanent link到漫画，因为即使您碰巧更改了漫画的标题，内部标识符部分也永远不会改变

它使您可以轻松地重命名漫画而无需担心更新 URL、图像路径等。因为漫画名称对于系统正常工作来说并不是绝对必要的

它使得仅使用客户端 JavaScript 就可以轻松实现下一个和上一个按钮(因为您在 '#23-some-title' 之前知道漫画将是 '#23'