从url中检索特定哈希标记的值

mik*_*ike 6 javascript hashtag

在原始的Javascript中,如何检查URL中是否存在特定的哈希标记,然后获取值?

示例:http://www.example.com/index.html#hashtag1=value1&#hashtag2=value2

我希望能够获取hashtag1hashtag2的值.

Cri*_*hez 26

    var HashSearch = new function () {
       var params;

       this.set = function (key, value) {
          params[key] = value;
          this.push();
       };

       this.remove = function (key, value) {
          delete params[key];
          this.push();
       };


       this.get = function (key, value) {
           return params[key];
       };

       this.keyExists = function (key) {
           return params.hasOwnProperty(key);
       };

       this.push= function () {
           var hashBuilder = [], key, value;

           for(key in params) if (params.hasOwnProperty(key)) {
               key = escape(key), value = escape(params[key]); // escape(undefined) == "undefined"
               hashBuilder.push(key + ( (value !== "undefined") ? '=' + value : "" ));
           }

           window.location.hash = hashBuilder.join("&");
       };

       (this.load = function () {
           params = {}
           var hashStr = window.location.hash, hashArray, keyVal
           hashStr = hashStr.substring(1, hashStr.length);
           hashArray = hashStr.split('&');

           for(var i = 0; i < hashArray.length; i++) {
               keyVal = hashArray[i].split('=');
               params[unescape(keyVal[0])] = (typeof keyVal[1] != "undefined") ? unescape(keyVal[1]) : keyVal[1];
           }
       })();
    }
Run Code Online (Sandbox Code Playgroud)

使用它:

检查是否存在"哈希键":

 HashSearch.keyExists("thekey");
Run Code Online (Sandbox Code Playgroud)

获取哈希键的值:

 HashSearch.get('thekey');
Run Code Online (Sandbox Code Playgroud)

设置散列键的值,并更新URL散列:

 HashSearch.set('thekey', 'hey');
Run Code Online (Sandbox Code Playgroud)

从URL中删除哈希键:

 HashSearch.remove('thekey');
Run Code Online (Sandbox Code Playgroud)

将哈希重新加载到本地对象中:

 HashSearch.load();
Run Code Online (Sandbox Code Playgroud)

将当前键值设置为URL哈希值:

 HashSearch.push();
Run Code Online (Sandbox Code Playgroud)

请注意,当某个键不存在而您尝试使用get它时,它将返回undefined.但是,密钥可能不存在任何值 - 例如#key=val&novalue,novalue是没有值的密钥.如果你这样做HashSearch.get("novalue")也会回来undefined.在这种情况下,您应该使用HashSearch.keyExists("novalue")它来验证它确实是一个密钥.


Pet*_*ter 10

我用它,它对我来说效果很好.这是我在某个地方选择的一条线路,我相信SO.

getURLHashParameter : function(name) {

        return decodeURI(
            (RegExp('[#|&]' + name + '=' + '(.+?)(&|$)').exec(location.hash)||[,null])[1]
        );
    }, 
Run Code Online (Sandbox Code Playgroud)


pal*_*wim 7

window.location.hash 应该给你你想要的东西.