복붙노트

[JQUERY] 어떻게 jQuery를 사용하여 URL의 앵커를 얻으려면?

JQUERY

어떻게 jQuery를 사용하여 URL의 앵커를 얻으려면?

해결법


  1. 1.당신은 .indexOf를 (사용)과 같이) (.substring 수 있습니다 :

    당신은 .indexOf를 (사용)과 같이) (.substring 수 있습니다 :

    var url = "www.aaa.com/task1/1.3.html#a_1";
    var hash = url.substring(url.indexOf("#")+1);
    

    그것에서 #이 없을 수 있습니다 경우이 같은 경우 (! url.indexOf ( "#") = -1) 체크를 수행, 여기에 그것을 시도를 제공 할 수 있습니다 :

    var url = "www.aaa.com/task1/1.3.html#a_1", idx = url.indexOf("#");
    var hash = idx != -1 ? url.substring(idx+1) : "";
    

    이것은 현재 페이지의 URL 인 경우, 당신은 단지 그것을 얻을하면 window.location.hash 사용할 수 있으며, 원하는 경우 #을 교체합니다.


  2. 2.현재 창를 들어, 당신은이를 사용할 수 있습니다 :

    현재 창를 들어, 당신은이를 사용할 수 있습니다 :

    var hash = window.location.hash.substr(1);
    

    메인 윈도우의 해시 값을 얻으려면, 이것을 사용 :

    var hash = window.top.location.hash.substr(1);
    

    당신이 URL / 해시의 문자열이있는 경우, 가장 쉬운 방법은 :

    var url = 'https://www.stackoverflow.com/questions/123/abc#10076097';
    var hash = url.split('#').pop();
    

    당신이 jQuery를 사용하는 경우, 이것을 사용 :

    var hash = $(location).attr('hash');
    

  3. 3.사용하다

    사용하다

    window.location.hash
    

    #을 포함하여 모든의를 넘어서를 검색


  4. 4.jQuery를 스타일 :

    jQuery를 스타일 :

    $(location).attr('hash');
    

  5. 5.당신은 어떤 유효한 URL을 구문 분석 다음 "속임수"를 사용할 수 있습니다. 그것은 앵커 요소의 특별 href가 관련 자산, 해시 활용합니다.

    당신은 어떤 유효한 URL을 구문 분석 다음 "속임수"를 사용할 수 있습니다. 그것은 앵커 요소의 특별 href가 관련 자산, 해시 활용합니다.

    function getHashFromUrl(url){
        return $("<a />").attr("href", url)[0].hash.replace(/^#/, "");
    }
    getHashFromUrl("www.example.com/task1/1.3.html#a_1"); // a_1
    
    function getHashFromUrl(url){
        var a = document.createElement("a");
        a.href = url;
        return a.hash.replace(/^#/, "");
    };
    getHashFromUrl("www.example.com/task1/1.3.html#a_1"); // a_1
    

  6. 6.방금 (해시 속성이없는 때문에 등) 일반 URL 문자열이있는 경우 당신은 또한 정규 표현식을 사용할 수 있습니다 :

    방금 (해시 속성이없는 때문에 등) 일반 URL 문자열이있는 경우 당신은 또한 정규 표현식을 사용할 수 있습니다 :

    var url = "www.example.com/task1/1.3.html#a_1"  
    var anchor = url.match(/#(.*)/)[1] 
    
  7. from https://stackoverflow.com/questions/3552944/how-to-get-the-anchor-from-the-url-using-jquery by cc-by-sa and MIT license