js 获取 window.location.hash 并将其拆分为数组并替换某些数组元素

Question

嘿，非常聪明的人！

我对此感到困惑，并尝试了一周，但找不到合理的解决方案。

基本上，每当用户单击两组不同的链接时，我都希望附加一个准备好的网址。

到目前为止，在我的代码中发生这种情况

$(selecter a.1).live('click', function(){
   window.location.hash = '!/' + usr + '/' + $(this).attr('href').replace('.php', '/');
}

将使网址看起来像： http://www. site.com/!#/username/page1/

然后我调用一个函数来检测 url 中的哈希更改并将 url 返回到它应该的样子：

$(window).bind('hashchange', function(){
            hash = window.location.hash;
            //if( hash.indexOf( "/files/" ) == 6 )
                //newHash = window.location.hash.substring(3).replace(usr + '/files', '').replace('/', '.php');
            //else
                newHash = window.location.hash.substring(3).replace(usr + '/', '').replace('/', '.php');
            //newHash = window.location.hash.replace(dump, origHash, 'g');
            console.log(newHash);
            if (newHash) {
                $wrap.find("#main-content").fadeOut(200, function() {
                    $wrap.load(newHash + " #main-content", function() {
                        $content.fadeIn(function() {
                            $wrap.animate({
                                height: baseHeight + $content.height() + "px"
                            }, 500);
                        });
                    });
                });
            }
    });

那里没有问题，问题是当用户单击我想以稍微不同的方式附加到网址的第二组链接。

$(selecter a.2).live('click', function(){
       window.location.hash = '!/' + usr + '/' + $(this).attr('href').replace('.php', '/');
}

看起来像这样： http://www.site.com/!# /username/files/sub-page/

链接的 href 看起来像这样 href="files/sub-page.php"

我遇到的问题是，将窗口绑定到 hashchange 时，它​​将尝试准备url 返回到其原始“状态”，该状态仅适用于第一组链接。

我的想法是为什么不直接将原始 href 值替换为 window.location.hash 但后来意识到......如果用户重新加载页面怎么办？嗯嗯！原始哈希值将会丢失！并且 url 依赖于哈希更改的检测，以便它可以加载正确的 php 页面。

好吧，接下来我想也许我可以以某种方式切掉除了网址中最后一个单词之外的所有内容，并执行替换（'/'，'.php'）来添加扩展名......

好吧，其他问题是，在 url 中，它指向位于 files/ 目录中的 files/sub-page.php。

我最初将所有内容都放在一个目录中，并想手动将 files/ 附加到 url，但遇到了相同逻辑的问题，所以我想我将它们移动到一个名为 files/ 的文件夹中，并找出如何欺骗 js 离开那里的目录路径...

好吧，这就是我的故事...

我可以寻求帮助吗？

Answer 1

你很幸运： https://github.com/allmarkedup/jQuery-URL-Parser

为您解析 url，并为您提供有关如何访问 url 的每一位的帮助方法！