javascript – 如何在我们的网址中制作/#！/？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在我们的网址中制作/#！/？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1201字，纯文字阅读大概需要2分钟。

内容图文

大家！

这个问题我差不多3个小时！如果twitter.com/#!/username然后页面/个人资料是用户名,请在Twitter中复制这个概念

http://twitter.com/#!/mardagz因为你可以看到它被重定向到我的帐户,所以现在我试图通过获取当前的URL来制作我自己的…然后我修剪为字符串并将其拆分为(/#！/)并且当我尝试应用时没有任何作用. ..

假设当前网址是http://www.domain.com/#!/about

代码：

$(window).load(function () {
      var getUrl = top.location;
      var trimUrl = jQuery.trim(getUrl);
      var splitUrl = trimUrl.split('/#!/')
      //alert(splitUrl[1]);
      switch(splitUrl[1])
        {
            case 'home':
            //Do Something
            break;
            case 'skill':
            //Do Something
            break;
            case 'about':
            //Do Something go to About Us Page!
            break;
        }
    });

owhh它不工作……有谁有解决方案吗？ ：) 先感谢您.. ：)

解决方法:

如果要检测哈希更改,请使用hashchange事件.如果您的顶级窗口位于同一个域,则下面的代码将像魅力一样工作.否则,Same origin policy将阻止您的脚本访问顶层文档的位置对象.

function hashChanged() {
  var getUrl = top.location.hash.substr(3); // #!/ = 3 characters
  switch(getUrl)
    {
        case 'home':
        //Do Something
        break;
        case 'skill':
        //Do Something
        break;
        case 'about':
        //Do Something go to About Us Page!
        break;
    }
}
$(window).load(function(){
    // Set handler
    $(window).bind('hashchange', hashChanged);

    // Handle hash on load
    hashChanged();
});

内容总结

以上是互联网集市为您收集整理的javascript – 如何在我们的网址中制作/#！/？全部内容，希望文章能够帮你解决javascript – 如何在我们的网址中制作/#！/？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端