当推入window.location.hash时，正确编码的字符串会被解码

Question

目标：正确地将data属性中的字符串放入window.location.hash 。

代码：

map = {path: $(this).attr('data-path'), rev: $(this).attr('data-rev')};
window.location.hash = getMapParams(map);

function getMapParams(map) {
  s="";
  for(key in map) {
    value=eval("map."+key);
    if (s.length > 0) {
      s+="&";
    }
    s+=encodeURIComponent(key)+"="+encodeURIComponent(value);
  }
  return s;
}

问题：只要data-path属性包含空格，Firefox就无法正确放入哈希。 该空间将显示为未编码，而在其他浏览器中，它正确编码为%20 。

奇怪的怪癖：如果我调试代码，字符串将与编码空间一起列出。

研究完成：我已经找到了很多解决方案来正确读取 Firefox中的哈希值。 以这种或那种方式，我的代码工作正常。

问题：如何阻止Firefox对我放入window.location.hash的字符串中的空格进行urldecoding

Answer 1

我经常试图避免使用window.location.hash因为它在浏览器中并不统一。

因此，而不是做以下

window.location.hash = "some hash value";

我会做

window.location.href = window.location.href.split("#")[0] + "#" + encodeURIComponent("some hash value");

此外，虽然Firefox在地址栏中显示解码的哈希值（即''而不是％20），但如果您尝试复制地址，则实际编码。 因此，显示的内容不是URI中的内容。

顺便说一句，我总是使用以下代码访问哈希

var hash_val = window.location.href.split("#")[1] || "";