올바르게 삽입 된 문자열이 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 속성은 파이어 폭스가 제대로 해시를 넣어 실패에 공백이 포함되어있다. 공간은 인코딩되지 않은 상태로 표시되는 반면 다른 브라우저에서는 정확하게 %20으로 인코딩됩니다.

이상한 단점 : 나는 문자열이 인코딩 된 공간 나와있는 코드를 디버깅합니다.

연구가 수행

: 나는 제대로 파이어 폭스에서 해시를 읽기 위해 많은 솔루션을 발견했다. 한 가지 또는 다른 방법으로 이것은 내 코드로 잘 작동한다.

질문 : 어떻게 내가

Answer 1

하면 window.location.hash 넣어 문자열의 공간 (들)을 urldecoding에서 파이어 폭스를 멈추지 나는 보통이 균일 브라우저에서 아니에요의 때문에 window.location.hash을 피하려고합니다. 파이어 폭스 (대신 20 %의 '예') 주소 표시 줄에서 디코딩 된 해시를 보여주고 있지만, 당신이하려고하면 일을

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

을 다음보다는 따라서

나는, 또한

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

할 것 실제로 인코딩 된 주소를 복사하십시오. 따라서 표시되는 것은 URI에있는 내용이 아닙니다.

여담으로

, 나는 항상 다음 코드를 사용하여 해시에 액세스

그것을가`ID를 참조하기로했다 이후 파이어 폭스는`= "", 해시에 공백을 처리하지 않는 것을 매우 논리적이다 이론적으로

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