[javascript] 페이지를 새로 고치지 않고 JavaScript로 window.location (URL)에서 해시를 제거하는 방법은 무엇입니까?

이 문제를 해결하는 것은 오늘날 훨씬 더 많은 범위 내에 있습니다. HTML5 역사 API는 우리가 현재 도메인 내의 모든 URL을 표시 할 위치 표시 줄을 조작 할 수 있습니다.

function removeHash () {
    history.pushState("", document.title, window.location.pathname
                                                       + window.location.search);
}

실무 데모 : http://jsfiddle.net/AndyE/ycmPt/show/

이 기능은 Chrome 9, Firefox 4, Safari 5, Opera 11.50 및 IE 10에서 작동합니다. 지원되지 않는 브라우저의 경우, 사용 가능한 경우이를 사용하는 정상적으로 저하 된 스크립트를 항상 작성할 수 있습니다.

function removeHash () {
    var scrollV, scrollH, loc = window.location;
    if ("pushState" in history)
        history.pushState("", document.title, loc.pathname + loc.search);
    else {
        // Prevent scrolling by storing the page's current scroll offset
        scrollV = document.body.scrollTop;
        scrollH = document.body.scrollLeft;

        loc.hash = "";

        // Restore the scroll offset, should be flicker free
        document.body.scrollTop = scrollV;
        document.body.scrollLeft = scrollH;
    }
}

따라서 일부 브라우저에서만 해시 기호를 제거 할 수 있습니다.

_{참고 : 브라우저 기록에서 현재 페이지를 바꾸려면 replaceState()대신을 사용하십시오 pushState().}

답변

history.replaceState(null, null, ' ');

history.replaceState({}, document.title, ".");  // replace / with . to keep url

function remove_hash_from_url()
{
    var uri = window.location.toString();
    if (uri.indexOf("#") > 0) {
        var clean_uri = uri.substring(0, uri.indexOf("#"));
        window.history.replaceState({}, document.title, clean_uri);
    }
}

if(window.history.pushState) {
    window.history.pushState('', '/', window.location.pathname)
} else {
    window.location.hash = '';
}