javascript - 在 window.location.hash 中做子字符串

Question

window.location.hash 在不同浏览器中的处理方式不同。如果我有一个如下的url

http://maps-demo.bytecraft.com.my/postdemo/parcel
    #parcel/history/1?as=json&desc[]=ctime&desc[]=history_id

我有兴趣获取介于#parcel/history/和 ?as=json 之间的值...因此子字符串语句类似于

window.location.hash.substring(14, window.location.hash.search(/\?/g));

我在 firefox 3.0.10 中没有问题，但相同的子字符串语句在 Opera 9.60 中不起作用。

经过一些快速搜索，我发现了一些可能有帮助的有趣信息

• window.location.hash 应该总是返回 urlencoded 字符串，但这是一个 bug在 Firefox

If the hash part of the URL contains encoded characters (see Core_JavaScript_1.5_Reference:Global_Functions:encodeURIComponent), hash returns the decoded URL part. This is a bug in Firefox. href, search and pathname return the correct, encoded URL parts.

• Opera 只返回#parcel/history/1 并忽略剩余的字符串，这是我的子字符串语句失败的主要原因...

如果我想提取#parcel/history/和?as=json....之间的字符串，除了正则表达式还有更好的方法吗？!

Answer 1

试试这个:

var match = window.location.href.match(/^[^#]+#([^?]*)\??(.*)/);
var hashPath = match[1];
var hashQuery = match[2];

这匹配哈希的以下部分:

…#parcel/history/1?as=json&desc[]=ctime&desc[]=history_id
  \______________/ \____________________________________/
   hashPath         hashQuery